cafe店舗サイト

OVERVIEW

URL:ochicafe.xyz

◆デザイン〜コーディングまで動的サイトを作成

◇目的:来店数、リピーター、認知度の上昇

◇ターゲット:20~30代の女性、カップル、親子など


◇工夫した点

・メインビジュアルにアニメーションをつけることで開いた時に惹きつけられるように

・TOPICSの部分では新しい取り組みを紹介し、リピーターも増やせるようにした

・スクロール時に背景画像が後ろから少し見えるように見進める楽しさと店内を覗いているようなワクワク感を出せるようにした。

・イラストを散りばめ柔らかい雰囲気が出るようにした。

・スクロール時の背景を円形にすることで落ち着き、柔らかさを出した。

・スクロール時にふんわりと画像や文字が出るようにした。

・ヘッダーをスクロールした際に見えにくくならないようjQueryを使って色味を工夫した。

・オンラインショップ、電話、お問い合わせがワンタッチですぐにできるようヘッダー部分にアイコンを配置