和菓子の移動販売店LP(デザイン・実装)

OVERVIEW

キャリアスクールSHE likes の Webデザインコース卒業制作として取り組みました。 要件定義をはじめ、デザインカンプ制作・コーディング・レスポンシブ対応まで行いました。

YEAR 2022

-- 要件定義 --

■店舗情報
・個人で運営している和菓子のポップアップショップ
・主な情報はinstagramで配信(既存HPはなし)
・月に数回、カフェなどの場所を借りて営業
 ※現在は出店活動休止中

■ターゲット
・東京近郊に住むスイーツ好きの女性
・出店先の顧客

■目的
・ポップアップショップの認知
・来客数の増加

■キーワード
 親しみやすさ・温かさ・明るさ・カジュアル・和


-- デザイン --

■コンセプト
・店主の人柄が感じられるような親しみやすさ
・気軽に足を運んでみたいと思わせる
・敷居の高くない、カジュアルな和

■配色・フォント

■あしらい

■アニメーション(JQuery)
・ヘッダーの色変化:ファーストビューを過ぎると色が白から茶色に変わる
・フェードイン:スクロールした際に要素がふわっと出てくる
・ハンバーガーメニュー(レスポンシブ)
・自動再生されるギャラリー
・スムーズなスクロール

-- ワイヤーフレーム --

-- デザインカンプ --