せろりのセオリー | Webサイト100選

Webデザイン未経験の私が、魅力的で優れたWebサイトを見て考察力、表現力を学ぶ学習サイトです。

No.4 チーズころん

せろりのセオリー/ Webサイト100選 No.4 チーズころん

■概要

BAKE CHEESE TARTが新たに展開するチーズスイーツ専門店のホームページ

 

■ターゲット

・お菓子の好き2030代女性
・BAKE CHEESE TARTの固定客

 

■FV

並べられた商品がコロコロ動いて可愛い。ただ動いているだけではなく、動いた写真にもシャドウが入っていて立体感が出る。
ころん=コロコロ?したイメージの流体シェイプが使われていて、
水色とクリーム色の背景色がきれいにマッチしていて柔らかい印象。
パッと見てスクロールしたくなるような可愛いデザイン。

画像は右寄りに配置されていて左にスペースが出来るが、英字とsnsを配置してバランスが取れている。縦時にすることでスタイリッシュさが出る。
ナビゲーションは右上に固定。

 

■特徴

背景は流体シェイプがゆっくり動いており、図形も角丸を使っていて落ち着いた優しい印象。「忙しい日常の中でもご褒美で一息つこう」という想いが表現されているよう。スクロールするとテキストもふんわり浮かんでくる。

せろりのセオリー/ Webサイト100選 No.4 チーズころん

せろりのセオリー/ Webサイト100選 No.4 チーズころん

 

Productsは、商品を型取ったような小窓から商品を覗いているようで、どれにしようかなと思わず悩んでしまう。
全体的に余白をたっぷり持つことで、配置されている写真が際立ち視点が誘導される。

せろりのセオリー/ Webサイト100選 No.4 チーズころん

せろりのセオリー/ Webサイト100選 No.4 チーズころん

 

■フォント

・minion-pro, Noto Sans JP

■配色

・メインカラー #A3B4DC
・文字 #FFF

せろりのセオリー/ Webサイト100選 No.4 チーズころん

せろりのセオリー/ Webサイト100選 No.4 チーズころん

 

 

 

Webサイト:チーズころん

せろりのセオリー/ Webサイト100選 No.4 チーズころん

せろりのセオリー/ Webサイト100選 No.4 チーズころん

次へ 投稿

前へ 投稿

返信する

© 2025 せろりのセオリー | Webサイト100選

テーマの著者 Anders Norén