overview
概要
群馬県前橋市付近にある、おしゃれなサラダバー
「グレイッシュ・サラダ・バー」のホームページを制作しました。
(※デモサイト)
新鮮な野菜を活かしたメニューが揃っていることや、お店の大人向けの落ち着いた雰囲気を伝えるデザインを目指しました。
Design
デザインのポイント
主要な客層は30代〜50代の女性。
お店のこだわりは、近隣の農家と契約し、毎日採れたての野菜を仕入れている点です。
ホームページを制作することで、こだわりを今より多くの方に知ってもらい、予約・来店の増加につながることを期待しています。
メインビジュアルにはスライダーを採用し、新鮮野菜たっぷりの美味しそうなサラダの写真を3種類表示しています。
このサラダ、食べてみたい!お店に行ってみたい!と思っていただいたら、
すぐ予約できるように画面右端に常に予約ボタンを表示しています。
(SPでは画面右下に表示)
カラーは野菜のイメージとつながるグリーン系でまとめています。
また、お店の落ち着いた雰囲気を、スクロールに合わせてゆったりと変化する慣性スクロールアニメーションで表現しています。
アニメーションはCSS、IntersectionObserverの他、
GSAP、Lenisライブラリも使用しています。




Color
Text Color
#535252
Main Accent
#a4baad
Main light 1
#dbe3de
Main light 2
#f6f8f7
Sub Deep 1
#525d57
Sub Deep 2
#525d57
Font
En
Spectral
Jp
游ゴシック体・ヒラギノ角ゴシック
Logo






404

