紅茶専門店のECサイト(ファーストビュー)
OVERVIEW
架空の紅茶の専門店「fancy a cup?」のデザインカンプを作成しました。 ページによって切り替わるファーストビューの部分のデザインです。
下層ページは、ページを切り替えるごとにトップの画像が変わるデザインにしました。下層ページのデザインについて下記にまとめました。
飲み方から選ぶ
ストレートやミルクで割るなどの飲み方の他に、朝や夜などタイミングに合わせて選べるようになっていることから、トップビューには朝夜それぞれのティータイムのイメージ画像をコラージュして作りました。
茶葉から選ぶ
様々な茶葉の種類から選んでいただけるイメージを伝えるため、ティーバックが広がる画像を選びました。
other (ギフト)
ギフトについて紹介するページです。プレゼントのイメージを持たせ、華やかな花束をトップ画像にしています。色味は全体のセピアのイメージからトーンを落として黄みがかった色に調整しています。
other(オリジナルティーアイテム)
茶器だけでなく画像にteaitemの文字を重ねて、よりイメージが伝わりやすくしています。
other(お菓子)
紅茶と一緒に楽しんでいただけるイメージを伝えるティータイムの画像を選びました。
問い合わせ
よくあるQAや問い合わせフォームを見せる下層ページです。ページ全体に開いた本の画像を使用しているため、合わせてこちらの画像にも開いた本を選びました。