ポートフォリオサイトのデザイン参考集

仕事につながるポートフォリオサイトの作り方は？

ポートフォリオサイトの目的ははっきりしています。依頼を検討しているクライアントや採用担当者に、連絡してもらうことです。多くのデザイナーが手を抜きがちなのが、ケーススタディの構成です。サムネイルとタイトルはクリックを生みますが、相手を納得させるのはケーススタディの中身です。効果的なケーススタディは、プロセスの前に課題と成果を示します。「コンバージョンを34%改善しました」と伝えてから作品を見せるほうが、「これをデザインしました」とワイヤーフレームを並べるよりも説得力があります。

ポートフォリオのトップページで大切なこと

トップページでは、信頼をすぐに得る必要があります。自分は何者か、どんな仕事をしているかを伝え、自信のあるプロジェクトを3〜6点見せましょう。作品の一覧は、時系列よりも画像の質と仕事の幅を優先して並べましょう。プロフィール写真つきの短い自己紹介は、ロゴを並べるよりも早く信頼につながります。連絡先には、トップページからすぐにたどり着けるようにしておきます。

ケーススタディの構成のコツ

ケーススタディは4つの要素で組み立てます。課題と制約、自分が担当した範囲、デザイン上の主な判断とその理由、そして測定できる成果です。ワイヤーフレームや試作、テストの記録といったプロセスの画像と、完成した画面を交互に見せると読みやすくなります。短すぎる作品紹介や長すぎる説明よりも、要点を押さえて画像でテンポよく見せるほうが伝わります。スマートフォンで読まれることも多いので、モバイルでの読みやすさも確認しましょう。