WORKS

制作範囲
企画、デザイン、コーディング
制作期間
6~7月
使用ツール
Figma/Photoshop/Illustrator/Visual Studio Code
URL
VIEW
エイ・フォース採用サイトヒーローイメージ

概要

転職活動で使用するポートフォリオサイトを制作しました。 作品の見やすさは担保するためにシンプルなレイアウトにはしつつ、自分らしさが伝わるようなデザインになるよう工夫しました。

目的

  • ポートフォリオサイトを通じて、自身の実績をアピールし採用に繋げる。

ターゲット

  • デザイン業界に携わる採用担当の方

デザイン

ポートフォリオを見ていただく中で印象に残るよう、静けさがありつつも目が惹くタイポグラフィをヒーローイメージにしました。
作品に目が行くように、シンプルなレイアウトの構成を心がけたほか、視線誘導を意識したアニメーションを実装しました。また未経験の業界のため、人柄、デザインへの向き合い方が伝わるようなカラーリング、フォントの選定を行いました。 淡い色や寒色をメインに用いて、作品が引き立つような配色にしました。

配色

カラーパレット
  • クリーム色: #F6F6F2
  • 青色: #2E65FF
  • グレー: #D9D9D9
  • 黄色: #EEFF03
  • ネイビー: #3F4558

フォント

和文にはZen Old Minchoを採用し、可読性とサイト全体に落ち着いた印象を持たせております。 欧文は、エレガントなセリフ体のPlayfair Displayと視認性が高くシンプルなサンセリフ体のActorを併用しました。セリフ体とサンセリフ体の併用することで、視覚的なコントラストを作り、ゆったりとしつつもモダンな印象を両立したデザインに仕上げました。

フォントサンプル
ポートフォリオモックアップpc 架空歯科サイトモックアップsp

NEXT

おすすめコンテンツ

チャレンジワーク・新潟のヒーローイメージ

チャレンジワーク・新潟

エイフォース株式会社採用サイトのヒーローイメージ

エイフォース株式会社採用サイト

エイ・フォース株式会社

エイフォース株式会社