フラワーショップのHP(自主制作)
「私宛のフラワーショップ」をコンセプトにしたフラワーショップのブランディング、HPの設計、デザイン、コーディングを自主制作致しました。
ブランディング
■コンセプト:私宛のフラワーショップ
私の日常に彩りを添えご機嫌にする私のためのフラワーショップ、to youでなくto meのフラワーショップ。
自分ではない誰かへの贈り物メインのフラワーショップではなく、「自分宛」に特化したフラワーショップになっています。
ラインナップも一輪挿しをはじめ、自分のその日気分に合わせた花束やお花を育てることで自分の心を育む鉢植えをお花のある暮らしに寄り添うものになっています。
このショップを利用することでいつもの自分を愛でてご機嫌に過ごしていただきたい。そんな願いを込めました。
サイト構築
ブランドの世界観を伝え、届けたい相手に届き、アクションを起こしていただくことを大切に制作を行いました。
■目的:来店を促進
来店したときの高揚感をイメージでき、店舗に対する安心感を抱いていただけるような作りにしました。
■ペルソナ:松井香織(仮称)29歳女性
旦那と名古屋都心近郊の賃貸アパートに二人暮らし
大手PC周辺機器メーカーの事務職 年収450万円
外では忙しく、お家の中ではゆったり過ごしたい
ON/OFFの切り替えが上手
こだわった点
・店舗の世界観を意識し、洗練され、落ち着きのあるデザインをイメージし、余白を多めに取りました。トンマナは洗練された白をベースに花を連想させる淡いピンク、緑をアクセントカラー、親しみやすい印象のベージュをサブカラーにしました。テキストは視認性に優れ、やわらかな印象のグレーを使用しています。
・不信感を払拭し、立ち寄りやすさを感じていただけるよう、テキストはやわらかさ、寄り添いを意識し、お花を買って家で飾ったときの心情がイメージできる内容を心がけました。
・商品紹介に価格を敢えて記載することで、来店のハードルを下げるようにしました。
・コーディングはわかりやすさを意識し、cssの記述順を要素の外枠から徐々に細部になるように統一しました。
・ファーストビューは世界感を出すため、jQueryで動きをつけました。
・コンセプト〜フッダーはみやすさを意識し、敢えて動きはつけず、文字をじっくり読んでいただけるように心がけました。