Works_Site
Project

グレイッシュ・サラダ・バー

grayishをサイト型でカスタマイズ。大人向けサラダ・バーのホームページをデザイン。

#Web Design #HP

Visit
Site

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

タイトルとURLをコピーしました