No.025 チーズころん by BAKE CHEESE

チーズころん by BAKE CHEESEのWebサイト

ちーずころんトップページキャプチャ

チーズころん

BAKE INC.の商品「チーズころん」のWebサイト。

選んだポイント

食べ物のサイトに珍しいカラーリングが目に留まったため。

ファーストビューの印象

パステルの赤みがかったブルーが鮮やか。その上をチーズころんが2コマでピコピコ動く。可愛らしいデザイン。

レイアウト

フルスクリーン

レスポンシブ対応

あり/なし
ブレイクポイント:600px,751px,782px,993px,1201px

フォント

見出し:minion – pro
本文:Noto sans

メニュー

PC:ナビゲーションバー
SP:ナビゲーションバー

カラー

ベースカラー:#93AADC ブルー
メインカラー:#FFFFFF ホワイト

サブカラー1:#F9F4D7 淡いイエロー
サブカラー2:#A3B4DC イエロー
ほか

感想、参考になった部分

食欲を削ぐとされている寒色が大きく使用されていて珍しいと思ったが、それが目に留まったということは広報の作戦勝ちであり、メタ的な視点も重要だと再認識させられた。

チーズころんサイトキャプチャ

左上に英語の説明とインスタグラムへのリンクが縦書きで配置されている。フォントサイズも小さく、可読性は低いため、あくまでもデザイン上のものであると思われる。

スクロールを進めると流線型のオブジェクトがふわふわと画面内を動く。独立したアニメーションとスクロールアニメーションが併用されており、柔らかさと不思議な浮遊感を生じさせている。

チーズころんサイトキャプチャ

散文的なキャッチフレーズが、商品を購入する背景を読み手に想像させる。

チーズころんサイトキャプチャ

Googlemapを使用しているが、枠はイメージカラーで囲われている。このような表情の揃え方もあるのかと参考になった。

 

No.025 チーズころん by BAKE CHEESE – IkkiLab|Webサイト100選

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です