見出し画像

【1日1サイトレビュー】#135 パティスリー GIN NO MORI

■ パティスリー GIN NO MORI https://ginnomori.info/patisserie/

洋菓子専門店GIN NO MORIのサイト。

・1カラムのサイトで画面左手にホームへ戻るロゴ、ページ内ナビゲーションメニューが固定されている。スクロール中はナビゲーションメニューが隠れる仕様。

・トップページでは、アクセス時の読み込みでファーストビューになっているメイン商品の写真が靄が晴れるように徐々に見えていく。森をイメージさせる木の枝や植物、モチーフのリスがコンテンツの上に重なるようにあしらわれている。

・商品ラインナップの紹介では⇒ボタンを操作して順に商品を見ていくことができる。横の操作に対して斜めに商品が切り替わっていく動きが面白い。

・サイト全体を通して青をメインカラーに、また素材を殆ど写真で統一していて加工など含めてリアルな質感がある。世界観が徹底されている。

フォント: Noto Serif JP、Chonburi
カラー:タイトル、見出し、文字白#FFFFFF、背景青#021424、#0078B2、#03244F(写真のためブレあり)

いただいたサポートは自己学習のために活用させていただきます!