Facebook 【クラウドワークス テスト案件】韓国コスメ紹介バナー
Logo

【クラウドワークス テスト案件】韓国コスメ紹介バナー

クレジット
Avatar
WEBデザイナー
【クラウドワークス テスト案件】韓国コスメ紹介バナー-1
シェア
制作ノート
【制作について】

【コンセプト整理】

◎ペルソナ設定

 自分自身がターゲット層に当てはまるため、ターゲット層と同世代である自身の視点や、リアルなユーザーの声(友人へのヒアリングなど)を反映し設定しました。

◎ターゲット分析

・20代で韓国アイドルのようなツヤ肌や水光肌にあこがれを持ち、使いやすい化粧下地を探している女性。・素肌から綺麗になりたい。・朝、時間に余裕がなくなるべく時短したい。・韓国っぽいくすみカラーとシンプルなデザインを好む。

◎デザインのコンセプト

・高級感がありつつも、毎日使いたくなるような親しみやすさの共存。・トレンド感のある「韓国っぽさ」(くすみカラーの活用など)・スマホの小さな画面でも、パッと目を惹く構成。・一目で「ツヤ感」や「水光感」が伝わるビジュアル。

◎作品の意図

 ブランドの詳細な世界観に合わせて柔軟にご検討いただけるよう、テイストの異なる2パターンを制作いたしました。1枚目は、シンプルな構成で、より「高級感・洗練さ」を際立たせたデザインにしました。2枚目は、散りばめたあしらいによって、日常使いしやすい「親しみやすさ」を感じさせるデザインにしました。

【デザインについて】

◎ビジュアルイメージ

  キーワードである「ツヤ肌」と「水光肌」を視覚的に落とし込みました。背景にサテン生地のような滑らかな質感の画像を使用し「ツヤ肌」を表現。また、しずくやシャボン玉をモチーフにした透明感のあるあしらいを配置し、「水光感」を表現しました。

◎カラー

 バナー全体の視認性を保ちつつ、トレンド感のある「韓国っぽさ」を表現できる3色で構成しました。・ベースカラー:ベージュ(#f8f6f4) 商品やテキストの邪魔をしない可視性を保ちつつ、今っぽく洗練された「韓国コスメ」の世界観を演出するために採用しました。・アクセントカラー:透明感ブルー(#ddeaf5) みずみずしい「ツヤ肌」「水光肌」のビジュアルイメージを補強し、画面全体に圧倒的な透明感を与えるために使用しています。・アクセントカラー:ピンク(#f5cce2) 化粧下地の色味から抽出。一番目立たせたい「商品名(帯)」に使用することで、ユーザーの視線を自然に誘導するフックにしています。

◎タイポグラフィ

 商品の持つ「高級感」を引き立てつつ、SNS等でも流れてきたときにパッと親しみを感じられるよう、役割に応じて2種類のフォントを使い分けました。・メイン、サブキャッチコピー・商品名:筑紫明朝 文字の視認性(読みやすさ)を最優先に確保しつつ、明朝体特有の「洗練された美しさ」と「商品のプレミアム感」を演出するために採用しました。・その他:クックハンド 全体が堅苦しい印象になりすぎないよう、あえてトレンド感のある手書き風フォントをミックス。20代女性が日常的に親しみを感じやすく、今っぽい「韓国らしさ」のニュアンスをプラスしました。

◎情報設計

 限られたスマホの画面内(SNSのタイムライン等)でも、ユーザーが一瞬で「自分向けの広告だ」と認知し、ストレスなくスムーズにアクション(クリック)へ移れるよう、人間の視線誘導に沿ったレイアウトを徹底しました。 まず、一目で「コスメの広告だ」と認識してもらえるよう商品画像を左側に大きく配置しました。さらに、最も伝えたいベネフィットであるキャッチコピー「水光ツヤ肌下地」をバナー内のテキストで最大サイズに設定し、「水光肌が叶うコスメ」という魅力を一瞬で刷り込む設計にしています。 そして、商品認知から流れるようにアクションへ移れるよう、商品名のすぐ横(帯エリア内)にCTA(購入・詳細)ボタンを配置し、迷わない動線を確保。ボタンには適度な立体感とシャドウを施すことで、画面上で「押せるエリア」であることを直感的に認識させ、クリック率を最大化させる工夫を凝らしました。

シェア
foriio

あなたのforiioを無料で作成

fori.io/
Logo
foriio

あなたのforiioを無料で作成

fori.io/