No.020 Cafe Ohzan

Cafe OhzanのWebサイト

Cafe Ohzan

スウィーツを販売するCafe OhzanのWebサイト

選んだポイント

可愛らしいファーストビューが目を引いたため。

ファーストビューの印象

“スイーツは可愛く”というCafeOrzanの信条をそのまま表現したWebサイト。

色鮮やかなスウィーツがにぎやかでワクワクさせてくれる。

レイアウト

シングルカラム

レスポンシブ対応

あり

ブレイクポイント:400px,480px,540px,600px,768px,769px,1020px,1040px,44.375em,48.9375em,56.875em,61.5625em

 

フォント

見出し:crimson Text
本文:Yu gothic

メニュー

PC:ナビゲーションバー
SP:ハンバーガーメニュー

カラー

ベースカラー:#FFFFFF ホワイト
メインカラー:#FBA49C コーラルピンク
サブカラー1:#777676 グレー

感想、参考になった部分

まず、1画面全体の色鮮やかなスウィーツのスライドと、中央にロゴが表示される。ファーストビューにはそれ以外の情報やCTAボタンなどは一切なく、メニューバーもスクロール先に展開されている。訪問者に対してまずコンセプトを印象づけることを第一に考えていると感じた。

コーラルピンクのベースに白抜きの文字が柔らかく、優しい印象を与えている。文字も黒ではなくグレーに統一されており、柔らかいサイトの印象を損なわない。

リンク先のECサイトもトンマナが踏襲されており、訪問者を裏切らない。

 

 

No.020 Cafe Ohzan – IkkiLab|Webサイト100選

コメントを残す

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