No.040 UNI COFFEE ROASTERY – webサイト分析

UNI COFFEE ROASTERY公式サイト(https://unicoffeeroastery.jp/)分析

UNI COFFEE ROASTERYのwebサイトは、ドーナツに使われているカボチャのようなカラーの背景が印象的なサイトです。今回は勉強のために、デザインを分析しました。

 

PCメインビュー

 

font

“Heebo”, sans-serif
茶系(#40220f)・

 

color

茶系・白
背景:ベージュ系(#ffe072)

メニュー

PCのヘッダーメニューは、上部にロゴと横並びで固定されています。
スマートフォンは右上にハンバーガーメニューになっています。ハンバーガーメニューはタップすると少し時間をかけて開きます。中央配置でリンクが並んでいて、背景は白です。

メニューのページはページ内リンクが上部に並んでいます。

PCヘッダーメニュー

 

スマートフォンハンバーガーメニュー内

 

メニューページ

 

まとめ

UNI COFFEE ROASTERYのwebサイトは、文字が濃く見やすいサイトです。画像がきれいです。トップページを開いてすぐにあるメインビューは画像がスライドして表示されていて、商品がとてもおいしそうに見えます。サイトを見ていると、一度訪れて商品が買いたいと思えてきます。

初回は簡単に書かせて頂きました。分析内容はこちらのページか新規のページに不定期に追記をするかもしれません。

 

PCトップページスクリーンショット

 

スマートフォントップページスクリーンショット

 

webサイト100選 | 雨とホットケーキ