ポートフォリオサイトに含める15の最も重要な機能(Weston&Createをフィーチャー)

公開: 2018-04-23

ポートフォリオサイトは、デジタル時代に働くフリーランサーにとって不可欠です。 すべてのフリーランサーは名刺を配ることができ、写真家などの特定のフリーランサーは物理的なポートフォリオを潜在的なクライアントに配布できますが、ポートフォリオWebサイトは、あらゆる業界のフリーランサーが世界規模でより多くのクライアントにリーチする方法を提供します。 それはまたあなたがあなた自身とあなたの仕事についてあなたが共有する情報と複雑な詳細で創造的になる方法を提供します。

最近、WordPressポートフォリオサイトの構築方法という記事を公開しました。 この記事では、ポートフォリオWebサイトに追加する必要のある要素と詳細についていくつかの提案を検討したセクションが取り上げられており、そのトピックについてさらに詳しく説明したいと思います。 ポートフォリオサイトとは何か、サイトがどのような目的を果たしているかを簡単に要約してから、サイトに何を追加するか、個々のポートフォリオアイテムに何を追加するかについて深く掘り下げます。

ポートフォリオサイトとは何ですか?

作成-組積造のデモ

ポートフォリオサイトは、フリーランサー(または会社)の履歴書を拡張したものです。 それはあなたがあなたのスキルとサービスを拡大することを可能にしながら、潜在的なクライアントがあなたの仕事を見るのに便利な方法を提供します。 ただし、これはポートフォリオWebサイトの最終的な目的ではありません。

ポートフォリオウェブサイトの最終的な目的は、フリーランスの仕事、代理店のクライアント、会社での雇用など、より多くのクライアントを獲得する方法を提供することです。 コンテンツを追加する前に、Webサイトで何を達成したいかを決定する必要があります。

あなたは__したいですか…

  • …フリーランサーとしてより多くのクライアントを獲得しますか?
  • …あなたの代理店のためにもっと多くのクライアントを獲得しますか?
  • …就職しますか?

サイトに追加するコンテンツや要素の種類、およびそれらの実装方法に影響するため、先に進む前にこれを検討してください。

ポートフォリオサイトに含める15の最も重要な機能

私たちのリストに入りましょう。 これは、ポートフォリオサイト(主にホームページだけでなく、サイトの他の部分にも含まれる)に含める15の最も重要な機能です。

01.デザイン

選択するデザインは、ほとんどの顧客を遠ざけることと、ほとんどの顧客に噛み付くように促すことの違いを意味します。 あなたのウェブサイトはあなたの仕事の例であるため、あなたがウェブデザイナーである場合、これは特に当てはまります。 ポートフォリオサイトに関しては、ミニマリズムは間違いなく進むべき道です。 あなたはあなたの仕事で新しい顧客を引き付けようとしているので、あなたはあなたのポートフォリオとあなたが彼らから離れてではなくあなたのビジネスについてリストするどんな情報にも注意を引くデザインを選ぶべきです。

白または明るい配色を選択する必要はありませんが、空白を使用し、最大3つのフォントを使用する必要があります。 あなたの配色はよく対照的でなければなりません、そしてあなたのタイポグラフィはそれにあなたの目を引く劇的なフレアを持っているべきです。 また、目的を果たさないアニメーションは使用しないようにしてください。

ミニマリストデザインを使用したポートフォリオサイトの例を次に示します。 これは、CreateテーマのMasonryデモです。

作成-組積造デモ-フル

02.タグライン付きのロゴ

これは複雑である必要はなく、名前を表示する単純なテキストベースのロゴを使用できます。 重要なのはタグラインです。タグラインは、自分自身と提供するサービスをすばやく短いフレーズで説明できるためです。 これにより、訪問者は、連絡する前に、サービスが適切かどうかをすばやく判断できます。

タグラインは短く、わかりやすいものにしてください。 「開発者」は説明的ですが、「WordPress開発者」ほど説明的ではありません。 同じ意味で、「ニューヨークを拠点とするグラフィックデザイナー」は「グラフィックデザイナー」よりも説明的です。

03.召喚状

ポートフォリオサイトの目的を決定したときに行った決定に戻って参照してください。 特にホームページで、サイトの召喚状を作成するのに役立ちます。 グラフィックデザインビジネスのためにより多くのクライアントを獲得しようとしていますか? 行動を促すフレーズとして「見積もりの​​リクエスト」を使用するのが適切です。

ポートフォリオサイトが提供する目的を決定し、ランディングページで顧客に実行してほしいアクションが理にかなっていることを確認します。

04.高品質の画像

これは、私たちがデザインについて最初に述べたポイントと結びついています。 作品を表現するために最高品質の画像を使用していることを常に確認してください。 これは、写真家、アーティスト、グラフィックデザイナーだけに当てはまるわけではありません。 視覚的な作品を作成しなくても、プレゼンテーション目的で画像を使用する必要があり、それらの画像は高品質である必要があります。

画像は、サイトの残りのデザインを補完するものでなければなりません。 たとえば、WestonテーマのMinimalPhotographyデモをご覧ください。 暗い配色を使用しており、デモのポートフォリオの白黒写真を美しく補完します。

Weston-最小限の写真デモ

05.お客様の声

一緒に仕事をしているすべてのクライアントに紹介文を要求する習慣を身につける必要があります。 個々のクライアントとの仕事上の関係を表すトーンでメールを作成します。 すべてが最初にビジネスであった場合は、それを専門的にしてください。 障壁を打ち破り、クライアントと非常に友好的である場合は、カジュアルにしてください。 短くして、あなたと一緒に仕事をしたときの様子を1〜5文の要約で共有するように依頼することを忘れないでください。 このメールを読んで返信することは、彼らの一日の時間を取っています。 そのことに注意してください。

ホームページであなたの最高の推薦状を紹介します。 ほとんどの開発者はこれにスライダーを使用することを好みますが、行を使用することもできます。 これは、ウェストンテーマのフリーランサーデモの紹介文スライダーの例です。

ウェストン-フリーランサー-お客様の声スライダー

06.サービス

確かに、あなたは写真家やWebデザイナーかもしれませんが、顧客に提供するサービスはそれらだけではない可能性があります。 ホームページで、提供するサービスを簡単にリストする場所を指定します。

07.連絡先情報

顧客が見積もりについてあなたに連絡しないようにする確実な方法の1つは、実際にそれを実行できないようにすることです。 少なくとも、ホームページに連絡フォームを挿入するか、連絡先ページへのリンクを挿入して、作業を簡単にします。

ホームページに連絡フォームを配置する場合でも、実際に実際の連絡ページを作成するようにしてください。 ポートフォリオサイトで「HireMe」という名前を付けるのが最善であり、クライアントがあなたに連絡できるさまざまな方法で埋める必要があります。 一部のクライアントはフォームよりも連絡フォームを好むため、連絡フォームを使用する場合でも、必ずビジネス用の電子メールアドレスを含めてください。

また、このページにFAQセクションを配置する必要があります。 これについては後で詳しく説明します。

08.あなた自身についての情報

潜在的なクライアントの好奇心を過小評価しないでください。 一部の人は、自分が何をしているのかをどのように学んだか、そしてその過程で得た公式の教育/トレーニング、賞、表彰について、あなたの専門的な話を学びたいと思っています。 あなたがあなたの話をする間、あなたの考え、感情と意見を共有するためにプロの口調から離れることを恐れないでください。 ライフストーリーを語る必要はありませんが、ニッチで克服した障害について言及する必要があります。

09.コンテンツ

あなたのニッチに関連するコンテンツを作成することは、特定のトピックに関する権威ある存在として自分自身を確立するための最良の方法の1つです。 コンテンツマーケティングはまた、視聴者を増やすための素晴らしい方法を提供します。

ブログは伝統的な方法ですが、あなたが強力な作家でない場合はどうなりますか? YouTubeチャンネルまたはポッドキャストを開始します。 ビデオとオーディオのコンテンツは最近間違いなく人気があります。ですから、書くよりも上手に話すことができるなら、それを選び、あなたのウェブサイトでコンテンツを共有してください。

10.自分自身の高品質なイメージ

これはオプションですが、Webサイトで自分の写真を共有すると、クライアントがあなたとよりよくつながるのに役立つ場合があります。 あなたが投稿するすべてが非常に専門的でない限り、私はあなたのInstagramフィードをあなたのサイトに挿入しません。 代わりに、高品質の画像を選択して、ホームページ、[概要]ページ、またはその両方に配置してください。

11.関連するソーシャルメディアアカウント

Instagramと言えば、ソーシャルメディアアカウントのいずれかを専門的に使用する場合は、必ずそれをサイトに含めてください。 それはマーケティングの別の形態であるだけでなく、あなたがあなたのニッチの権威のように見えるためのさらに別の方法を提供することもできます。

12.関連する個人プロジェクト

ニッチ市場でのスキルと専門知識を向上させるのに役立つ何かに取り組んでいますか? あなたは慈善のためにあなたの専門的なスキルを志願しましたか? あなたのウェブサイトのどこかにそれを含めることを忘れないでください。 [概要]ページは最適な場所ですが、ポートフォリオとは別のページを作成して、「個人プロジェクト」という名前を付けることもできます。

13.FAQセクション

あなたがますますフリーランスになり、新しいそして潜在的なクライアントとの交渉を経験するにつれて、あなたはおそらく同じ質問と懸念が時々現れることに気付くでしょう。 FAQセクションは、これらの質問や懸念に対処するのに最適な場所であり、潜在的なクライアントから受け取る質問やコメントの数を減らすこともできます。

サービスページがある場合は、そこにFAQを配置できますが、それを挿入するのに最適な場所は、HireMeページです。 これは、クライアントがあなたのスキルを見て、あなたが彼らに合っているかどうかを判断する場所です。 彼らがまだ尋ねていない質問に答えることによって彼らを少し助けてください。

ここで取り上げる人気のあるトピックは、作業方法(プロセス)、支払いの処理方法、クライアントとのコミュニケーション方法などです。

14.ゲスト出演

繰り返しますが、あなたのニッチで権威として現れることは大きなお金を払うことができます。 ブログ、ポッドキャスト、エンターテインメントチャンネルなどにゲスト出演している場合は、必ず[概要]ページにその旨を記載してください。 また、受け取った認識についても言及する必要があります。

15.無料サンプル

ここで取り上げる最後の機能は、主にクリエイティブに適用されます。 あらゆる種類のアートワーク、グラフィックデザイン作品、またはソフトウェアを作成する場合は、潜在的なクライアントに無料サンプルを提供することを検討してください。 それは、あなたが彼らのビジネスに適しているかどうかを彼らが決定するときに彼らが評価するための実際の例を提供します。

無料サンプルには、無料のアイコンセット、無料のソフトウェア、開発者向けの無料のテーマとプラグイン、無料のアートプリントなどが含まれます。

個々のポートフォリオアイテムに追加する機能

この記事から取り除くことができることが1つあるとすれば、それはあなたのポートフォリオがあなたのウェブサイトで取り上げられるべき唯一のものではないということです。 ただし、これは重要なので、個々のポートフォリオアイテムに追加する必要があるいくつかの事項(つまり、作業した個々のプロジェクト/ジョブに捧げる個々のページ)について見ていきましょう。

  • より高品質の画像–プロジェクトからの最高の画像は、ポートフォリオでそれを表す必要がありますが、個々のページにさらに高品質の画像を追加する必要もあります。
  • 概要–プロジェクトについての簡単な説明、具体的には割り当てられたタスク、それをどのように達成したか、そして結果はどうだったかを書いてください。
  • 詳細情報–簡単な説明が完成したら、興味があるかもしれない人のためにさらに情報を追加します。 プロジェクトの完了時に直面した障害と、それらをどのように克服したかについて話し合うことが特に重要です。 プロジェクトの完了中に新しい情報を学んだ場合は、それも必ず含めてください。
  • お客様の声–これは、ホームページにお客様の声を掲載することについて私が述べたポイントと結びついています。 最高の紹介文はホームページに保存する必要がありますが、プロジェクトの個々のページで受け取ったすべての紹介文を紹介することができます。

この記事を締めくくりましょう。

最終的な考え

あなたがあなた自身とあなたのポートフォリオサイトであなたの仕事を提示する方法はあなたの仕事を獲得する能力に大きな影響を与える可能性があります。 この記事があなたのウェブサイトに何を載せるかだけでなく、それをどのように紹介するかを決めるのに役立つことを願っています。 ミニマリズムが効果的なウェブデザインの鍵であることを忘れないでください。 追加する細部がすべて本当の目的を持っていることを確認してください。

このトピックについて詳しく知りたい場合は、次の記事を確認してください。

  • WordPressポートフォリオサイトを構築する方法
  • WordPressポートフォリオサイトのグリッドレイアウト:デザインのヒントと例
  • あなたのオンラインポートフォリオ作品を提示するためのアイデア

また、この記事で言及/紹介したテーマも必ず確認してください。

ウェストン| 作成