【課題】LP制作　リクルートサイト

【デザインカンプ】

実装したサイトはこちら

【要件定義】

【ペルソナ】

依頼内容から、以下のペルソナ像を設定しました。

【ユーザーストーリー】

ペルソナユーザーが行動を起こすまでの心情や行動を考え、伝える情報の優先度を整理しました。

【工夫したところ】

配色

リクルートサイトなので、清潔感や信頼感を感じられる白と水色をベースを使用。
CTAなど重要な要素はアクセントカラーのオレンジを使って行動を促してます。

Slick

Slickで写真が自動で横に流れるように動きをつけました。

アニメーション

CSSでアニメーションをかけてふわふわと動くようにしてます。

【制作を通して学んだこと】

・実装することを意識してデザインを制作することの大切さ

今回、自身でデザインしたLPを初めて実装まで行いました。この過程で、WEBサイトの基本的な構造であるHTML、CSS、JQueryの基本を学ぶことができました。