目次
1. デザインカンプ
2. 案件の情報整理 ・ワイヤーフレーム
3. 制作意図
4. 制作期間・使用ツール
1. デザインカンプ
2. 案件の情報整理
◆クライアント情報
企業の業務系アプリケーションの開発を行なっているIT企業。会計や人事、販売管理、社内システムなど、大規模なシステムの開発と構築、保守、運用を行っている。
◆制作目的
転職を考えているエンジニアに応募してもらうこと。
顧客が増えているためエンジニアの人員も増やす必要が生じ、採用活動を開始。より多くのエンジニアの目に留まる広告が欲しい。
◆ターゲット
20代後半の男性。
◆ペルソナ
【属性】27歳男性。IT企業でエンジニアとして勤務。
【背景】エンジニアの仕事は好きだが、今の会社は残業が多く、有給も取りづらい。もっと自由度の高い会社で働きたいと思い、転職活動している。
【ニーズ】残業が少なく自由度が高く、エンジニアとして専門性を発揮できる会社で働くこと。
【ゴール】仕事もプライベートも充実した生活を送ること。
【ワイヤーフレーム】
以上をふまえ、次のワイヤーフレームを作成しました。
3. 制作意図
【構成】
・自由さをアピールするため、コピーに「希望に合った」「福利厚生充実」「有給取得率100%」を入れました。
・若さや活発な雰囲気を感じてもらえるよう、20代男性が私服で楽しそうにパソコンに向かっている写真を選択しました。
・クリックしてもらえるよう、右下にCTAを配置しました。
【カラー】
ロゴをいただいていたので、メインカラーにはロゴカラーに近い緑(#32B209)を採用。アクセントカラーにはトライアド配色のうちのオレンジ(#FF8902)を選択し、CTAが目立つようにしました。
また、緑のグラデーションと幾何学模様を重ね合わせて動きを出しました。
【フォント】
視認性が高さを重視して、日本語には「Noto Sans JP」、英語には「DIN2014」を採用しました。
4. 制作期間・使用ツール
【制作期間】8時間
【使用ツール】Adobe Photoshop・XD