フラワーベース専門店の架空Webサイト

モックアップ

制作期間:1ヵ月

使用ツール:Photoshop/XD

URL:https://flor-elatrednu.net

モックアップ

概要

フラワーベース専門店の架空Webサイト

ターゲット

おしゃれに敏感な20代後半~30代女性

課題

SNSのみの運用のため、お店の雰囲気や魅力を伝えきれていない。また、集客が伸び悩んでいる。

目的

お店の雰囲気や魅力を伝える。お店の認知度アップと集客の獲得。

情報設計

お店の雰囲気を伝えるため、トップページには初めにお店の紹介ページを設定しました。また、続いてどのような商品を販売しているか分かるよう商品ページを設定しました。また、ターゲット層がSNSユーザーであるためSNSへ飛ぶリンクを設置しました。

デザイン

ファーストビューは、あくまでも花瓶がメインなので花のボリュームが少なく花瓶に目がいくような写真にしました。
配色は、色鮮やかな商品を引き立てるため配色は無彩色をベースに設定しました。また、お店のゆったりとした雰囲気が伝わるよう画像がゆっくり表示されるよう設定し、さらに余白を意識しました。また、目的であるお店の雰囲気を伝えるため、お店の外観と店内の写真を使用しフッターにアクセス情報を記載しました。

PC
モバイル