Facebook 【HerTech架空案件③】スキンケアブランド
Logo

【HerTech架空案件③】スキンケアブランド

クレジット
Avatar
WEBデザイナー
【HerTech架空案件③】スキンケアブランド-1
シェア
制作ノート
【制作について】

【デザインについて】

●ビジュアルイメージ

・清潔感があって、且つ瑞々しい透明感を表現できるように、絹のように見える水のような写真を背景に選びました。

・商品に凹凸感や立体感を出すために、影を付けました。

・キャッチコピーを目立たせたくて、上部と右縦部分に帯を配置して、色は紺色を使用して全体を引き締めました。

●配色

・紺、白、薄い山吹色、薄い水色のように、瑞々しい透明感や光のヴェールを表現できるような配色にしました。

・紺に薄い山吹色の反対色を選んだので、両方が目立つようにしました。

・帯の紺色があるために、全体が引き締まって見えるように工夫しました。

・キャッチコピーの色は目立つように白色を選択し、その他のフォント色は、女性らしい柔らかい印象を与えたかったので、こげ茶色を選びました。

●タイポグラフィー

・美しい印象を受けてもらえるように、「DNP秀英横太明朝」という明朝体のフォントを選択しました。

●情報設計

・ペルソナである20~40代の女性は、自分だけのために時間を割けるのには限りがある時期かと思います。

・サブキャッチコピーある以下の3つ、①美容液成分80%配合、②トーンアップ効果、③ノーファンデでも美しく3つの要素は、ペルソナである年代の女性特有の悩みを解消できる

商品になっています。

・使ってみたい!と思ってもらえるように、商品を目立たせられるデザインにしました。

【工夫したポイント】

・目立たせたかったのは3点。

・キャッチコピー

・商品の画像

・CTAボタンの詳しく見る

 なので、この3点が目立つように 配置しました。

・画像の下に薄い水色を選んで、その上に瑞々しい絹のような水面の画像を透過80%で重ねることで、光ヴェールように見えるように表現しました。

・帯を紺色にすることで、バナー全体を引き締めるように工夫しました。

シェア