No.089 YOLU – webサイト分析

YOLU[ヨル]公式webサイト(https://yolu.jp/)分析

 

YOLU[ヨル]のwebサイトは、サイトを開くとふわっと切り替わる画像が表示されるお洒落なサイトです。
今回は勉強のために、デザインを分析しました。

 

PCメインビュー

 

font

YuGothic, 游ゴシック, “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic ProN”, メイリオ, Meiryo, sans-serif
紺系(#092b96・#3f47ab)・白系(#fefefe)

 

 

 

color

白・紺系
background-image: linear-gradient(#092b96 0%, rgba(215, 163, 230, 0.13) 100%)

 

 

 

メニュー

PCはヘッダーにメニューリンクがあります。スマートフォンは右上にハンバーガーメニューがあり、タップすると右からふわっと表示されます

 

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

 

まとめ

YOLU[ヨル]のwebサイトは、商品のイメージにぴったりなサイトです。

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

 

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

 

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

 

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