モバイルファーストサイト100選 その20 BEANS | ONCA COFFEE

豆へのこだわりについてご紹介しています。ONCA独自のチャートを参考に、「好き」と言える一杯を見つけてください。

群馬県前橋市を中心に数店舗を展開するカフェ「ONCA COFFEE」のホームページです

https://www.onca-coffee.com/

経営母体はメガネで有名なJINSだそうです。
どうりでかなりお洒落な感じがします。
シンプルながらも凝っていて、
なんとなく金かかっていそうな(笑)サイトですね。

ONCA COFFEE

構成

真ん中にメインを置いたスタイルですが、
左はスライダーでイメージ画像を表示、
そして右にはナビゲーション。
このスタイルも素敵ですね。

ONCA COFFEE 

リンクはそれぞれ別ページに飛びます。

モバイルサイトだと、別ページに飛ぶと
現在地が分かりにくくなる傾向があると思います。
しかし、ここのサイトはとても分かりやすいです。

ナビの現在地もわかりやすいですし、
左のイメージ部分にも表示されるので、
迷うことはなさそうです。

sp時には、ナビはハンバーガーになりますが、
同時にフッターに画像付きのナビが大きく出現しますので、
ページの遷移がとてもスムーズです。

全くストレスを感じなかったので、
素晴らしいなと思いました。

ハンバーガー
ハンバーガーメニュー

配色

このサイトの配色はこちら

配色

かなり少ないですね。
色を多用しなくても、
これほどにわかりやすく、かっこいいサイトができるんですね。
へ~~ってなりました。

フォント

ゴシック体は Noto Sans JP
本文の明朝体は MS P明朝 が使われています。

ナビなどはすべて画像になっていますが、
ほんの少しだけ手書き風を感じさせるフォントですね。
ナビに使われている下線も
手書き風でおしゃれです。

sp1
sp2
sp3

まとめ

全体的にシンプルですが、ものすごく洗練されている印象を受けました。
かっこいい。
こんなセンスはどうやって培うんでしょうね。
私個人はシンプルなサイトが好きなのですが、
シンプルでかっこいいのって、かなり難しいですよね。
そんなことを感じました。

COFFEE

Follow me!

コメントを残す

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

CAPTCHA