架空のWeb制作会社「Synapse Digital」(シナプスデジタル)のバナーデザインです。

URL

「Synapse Digital」(シナプスデジタル)のバナー

担当

デザイン

使用ソフト

Photoshop

サイトの目的

採用活動の促進 / 応募者の獲得

制作期間

4日間(ペルソナ設定~デザイン)

ターゲット

関東在住の20代中盤~30代中盤のWEBデザイナー

デザインについて

・配色は紺系と青系の配色を中心に組んでいます。強調したい部分にはオレンジ系の配色を使いました。バナー全体が紺系の色味が強いので、オレンジ系で落ち着いた雰囲気を保ちつつ各ポイントへの視線誘導を狙っています。

・人物の写真は、ターゲットである20代中盤~30代中盤の男性に向けて、近い年齢層の人をピックアップして採用しました。バナーの内容を自分ごととして捉えてもらうことを意識しています。

・背景は斜めに区切る形で配置しました。要素を配置している側とそうでない側とのメリハリを付けることが目的です。グラデーションも下に向かうにつれて濃い色を使うことで安定感が出るようにしました。

デザインの工夫ポイント

・3つの条件は、バナー内で一番見てほしいポイントであったため様々な工夫を施しました。
→白長方形(座布団)や文字を斜めにすること、チェックマークのアイコン、ドロップシャドウで立体感を出す等で要素を強調しています。

・画面右下の「積極採用」は、"Z"の視線誘導を意識して配置しています。
→(左上のコピー→人物→3つの条件→積極採用)また文章などの要素が画面左側に集中しているため、右側(特に右下の余白)に配置することで画面全体のバランスを取っています。