Facebook 【HerTech 架空案件】カフェLP
Logo

【HerTech 架空案件】カフェLP

クレジット
Avatar
WEBサイト制作
WEBデザイナー
【HerTech 架空案件】カフェLP-1
シェア
制作ノート
制作について

⚫︎制作の流れ

クライアント様へ要件をヒアリング。その後ワイヤーフレームを作成し、クライアントと合意形成。その後デザインのトンマナを固め、デザインカンプ作成に着手。全体のイメージをご確認いただきながら進めました。担当範囲はデザイン全般です。

デザインが確定したのちに、STUDIOを使用しサイトを作成いたしました。

⚫︎カラー

クライアント様が想定しているターゲットは「20~30代の女性。新しいものが好きで、旬なもの、話題性のあるものは一度自分で試してみたい方。日常的に使うSNSはInstagramで、映え写真を投稿していいねをもらうことが大好き。」ということだったので、華やかな色彩にしました。また、商品のカラーをベースに赤やピンクを基調に作成しました。

⚫︎タイポグラフィ

日本語にはNoto Serif Japanese、英語にはPlayfair Displayを使用しました。色合いが可愛らしいので文字の形は上品な印象になるように意識しました。

⚫︎情報設計

ファーストビューでは最も伝えたいキャンペーンの実施と新商品の写真を配置しました。

【工夫したポイント】

キャンペーンに参加するには、Instagramをフォローしてもらう必要があるので、フォローしたいと思ってもらった際にすぐにフォローできるよう、ボタンを3箇所に配置しました。

コンセプトの部分では、文字数が多くなっても圧迫感が出ないよう、カラーリングやフォントの大きさ、タイポグラフィ、余白にこだわりました。

商品の詳細説明の部分では、文字の羅列にならないよう、写真を挿入したり、余白を多めにするなどの工夫をしました。

シェア
大谷 優子の他の作品
画像
作品を見る
【HerTech 架空案件】カフェバナー
画像
作品を見る
【HerTech 架空案件】化粧品バナー
画像
作品を見る
【HerTech 架空案件】化粧品LP
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【HerTech 架空案件】カフェLP-1
大谷 優子の他の作品
画像
作品を見る
【HerTech 架空案件】カフェバナー
画像
作品を見る
【HerTech 架空案件】化粧品バナー
画像
作品を見る
【HerTech 架空案件】化粧品LP
foriio

あなたのforiioを無料で作成

fori.io/