見る人にストレスを感じさせない構成と、ポジティブな印象を与えるデザイン

• 概要

  転職活動で使用するために、自身の経歴や制作物をまとめたポートフォリオサイトを制作しました。業界未経験であるため制作物に関する情報だけでなく、私自身の人となりや前向きな気持ちがより伝わるデザインを目指しました。

• 制作目的

  企業の採用担当の方に、自身の経歴や強み、スキルを知ってもらう。

• ターゲット

  Webデザイナーを募集する企業の採用担当の方。

• 構成

  自身が大切にしている「結果につながるデザイン」が伝わるような構成にしました。MVの直下でその思いを伝えたあと、ABOUTページで自身のキャリアや強みを詳細に記載することでなぜ「結果につながるデザイン」を目指すようになったのかが分かるようになっています。サイトタイトルの「lien」はフランス語で『つながり』や『絆』を意味する言葉です。また、閲覧に時間がかかったり迷いが生じてストレスにならないよう、リンクの部分は大きくわかりやすい変化をつけたり、トップページから全ての制作物が見られるなどわかりやすい動線を意識しています。制作物の詳細ページの最下部にも制作物一覧を配置し、ページ移動の回数が少なくなるよう配慮しました。

• デザイン

  全体として内容を邪魔しないミニマルなフォント選びや、余白を大きくとることで安定感や落ち着きを表現しています。写真や制作物のモックアップ以外はモノトーンで統一し、よりカラーの部分に意識が向くようなデザインを意識しました。ファーストビューには、興味を引いたり信頼感を感じられるよう自身の写真を配置。未経験でこれから頑張っていくぞという「前向きさ」「ポジティブ」といった印象を与えられるような右上を向いている構図の写真を選んでいます。さらにまっさらな未来の広がりを感じさせるよう、タイトルを左寄せで配置し目線の先に余白を持たせました。「lien」を筆記体で斜め右上に向かって勢いよく書いたサイトロゴも同様に、前向きで上昇志向なイメージを持てるように制作しました。

• 担当範囲

  企画、デザイン、コーディング

• 制作期間

  3週間

• 使用ツール

  XD / Photoshop / Dreamweaver