Facebook 【Her Tech 架空案件】ファッションアプリ バナー
Logo

【Her Tech 架空案件】ファッションアプリ バナー

クレジット
Avatar
WEBデザイナー
【Her Tech 架空案件】ファッションアプリ バナー-1
シェア
制作ノート
制作について

【デザインについて】

●ビジュアルイメージ

クライアント様の取り扱っていらっしゃるお洋服が映えるように、また楽しさが伝わるようにイメージして制作しました。

●カラー

女性らしさや洗練されたオシャレ感をイメージして、全体的に落ち着いたピンクのカラーを選びました。淡いピンクベージュ(#FDF1F2)を背景に、柔らかく上品な空気感を演出。メインカラー(#E05C7A)で感情を動かし、アクセントカラー(#88182D)では全体のトーンを崩さず、信頼感を演出するカラーとして機能させています。

●タイポグラフィー

視認性と品のある印象を両立させるために、キャッチコピーや強調したいところにはNoto Serif Japanese、CTAボタンにはモトヤアポロを使用しました。落ち着き、信頼感を演出すると同時に、行動導線としての視認性を高めています。また、英字や数字のタイポグラフィーとのバランスも意識し、「TRY&BUY」にクラシカルなBauer Bodoniを使用することで、ブランドイメージを差別化する構成にしました。

●情報設計

ユーザーが迷わず行動できるように、視線の流れをZ型で設計し、キャンペーン情報と合わせて、アプリに興味を持ってもらうために、試着した上で購入ができるという特徴をキャッチコピーに込めました。試着や新しい洋服へのハードルがあるターゲットということでしたので、気軽に、楽しいという雰囲気を感じてもらえるように、素材写真の一部に重ねて「TRY&BUY」を強調しています。ターゲットに向けて「派手すぎず、でもおしゃれ」というトーンを設定してデザインしました。

【工夫したポイント】

キャンペーン情報では、洗練さ、上品さをUPするために、「50%off」のバッジを六角形を選択しました。また、キャンペーン価格は、キャッチコピーに負けない存在感を出すために、大きく太めにしてアクセントカラーをあてました。

コンバージョンボタンは、押してみたくなるように丸みと遠近感を表現して、文字と矢印を組み合わせました。

シェア