和菓子の移動販売店LP(デザイン・実装)
OVERVIEW
キャリアスクールSHE likes の Webデザインコース卒業制作として取り組みました。 要件定義をはじめ、デザインカンプ制作・コーディング・レスポンシブ対応まで行いました。
-- 要件定義 --
■店舗情報
・個人で運営している和菓子のポップアップショップ
・主な情報はinstagramで配信(既存HPはなし)
・月に数回、カフェなどの場所を借りて営業
※現在は出店活動休止中
■ターゲット
・東京近郊に住むスイーツ好きの女性
・出店先の顧客
■目的
・ポップアップショップの認知
・来客数の増加
■キーワード
親しみやすさ・温かさ・明るさ・カジュアル・和
-- デザイン --
■コンセプト
・店主の人柄が感じられるような親しみやすさ
・気軽に足を運んでみたいと思わせる
・敷居の高くない、カジュアルな和
■配色・フォント
■あしらい
■アニメーション(JQuery)
・ヘッダーの色変化:ファーストビューを過ぎると色が白から茶色に変わる
・フェードイン:スクロールした際に要素がふわっと出てくる
・ハンバーガーメニュー(レスポンシブ)
・自動再生されるギャラリー
・スムーズなスクロール