【課題】ランディングページ

■課題内容

【テーマ】

［サイトの概要］

• 飲料系メーカーの会社Proteinが製造しているプロテイン飲料、Strawtein/ストローテインのLP（架空サイト）

［ターゲット層］

• 筋トレを行っている男女、美容や健康面でタンパク質の摂取をしたい方

［目的・ゴール］

• プロテイン飲料の売上数を増やす

■情報設計

【ペルソナ】

• 性別：女性
• 年齢：28歳
• 職業：会社員
• 近況：美容や健康面の意識は元々高く、トレーニングを始めたので両面から効果的なプロテインを探している

■ビジュアルデザイン

【コンセプト】

みずみずしさを感じる透明なキューティー感

女性にも親和性を感じ、緊張感が弱く親しみのある柔らかさ

【配色】

• 同系色でサイトにまとまりを持たせ、強調させたい部分は彩度を高くすることで派手さを出し力強さを感じさせる印象に

女性にも馴染めて苺らしさを感じる淡いピンク

透明感の白

女性的で苺を連想させる鮮やかな赤（ピンク）

【フォント】

［本文］

• オーソドックスでウェイトが豊富なサンセリフ、ゴシック体で、写真の邪魔にならないフォントを使用

Roboto／Noto Sans Japanese

■実装内容

■デザインのポイント

【ファーストビュー】

【実績】

【About／見出し（欧文）】

【Feature】

【Voice】

【CTA】

【Background】

■制作のポイント／学んだ点

【制作のポイント】

透明感、可愛らしさを全体的に出すことを意識して作りました。フォント、配色で統一感を出し、グラデーションや写真の色味で印象の強調、雰囲気の合致を図りました。

【学んだ点】

写真が内容や周りの要素の印象を大きく変えること。グラデーションの配色、角度が与える印象の強調、変化やコンセプトに沿った雰囲気を作りだすこと。イラスト使って内容のサポート、理解を深めること。