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

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

クレジット
Avatar
デザイナー
【課題】ランディングページ-1
シェア
制作ノート
制作内容

■課題内容

【テーマ】

[サイトの概要]

  • 化粧品ブランド「Ease」の、商品(ボディクリーム)紹介のLP(架空サイト)

[ターゲット層]

  • 乾燥で悩んでいる、成分などを気にかけている方

[目的・ゴール]

  • 通販サイトで購入

■情報設計

【ペルソナ】

  • 性別:女性
  • 年齢:38歳
  • 職業:主婦
  • 近況:オールシーズン通して乾燥が気になっており、保湿力が高いクリームを探している。保湿力に加え、美容成分などにも敏感である

■ビジュアルデザイン

【コンセプト】

自然で温かみのあるナチュラル感

控えめで上品な雰囲気

馴染みやすく女性的なやわらかさ

【配色】

  • トーンが近めの配色で全体的に馴染んだ印象に。アクセントカラーは補色の関係を利用し、コンセプトに沿ったカラーから選択

清潔で無垢な白

ナチュラルな肌色で穏やかなベージュ

上品さ、優雅さが感じられる淡い紫

image

【フォント】

[本文]

  • カジュアルで丸みから感じられる柔らかなゴシック体の使用

Montserrat/游ゴシック

[見出し]

  • サイト内唯一のセリフ体(明朝体)でアクセントを効かせ、上品さが感じられる印象に

Libre Baskerville

■実装内容

image

■デザインのポイント

【ファーストビュー】

image

【Concept】

image

【Feature】

image

【Product】

image

【Voice】

image

【CTA】

image

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

【制作のポイント】

  • フォントや配色、写真で総合的に統一感を強く感じるデザインにすることを意識しました。上品さを出すために全体的に余白を広く取り、印象のコントロールを行いました。セクションの背景色や要素の枠線など、部分的なポイントにも工夫を凝らすことでコンセプトの具現化を実現しました。

【学んだ点】

  • 背景の角度、大きさで視線の誘導や安定さが大きく変わること。余白の取り方でユーザーに与える、感じる印象が180度変わり、コンセプトに直接的な影響があること学びました。
シェア
Yoshihiko Hirashimaの他の作品