No.048 Hotel Rakuragu – webサイト分析

Hotel Rakuragu 公式サイト(https://rakuragu.com/)分析

東京・日本橋のモダンホテルのHotel Rakuraguのサイトは、開くと画像が切り替わり、スクロールするとメイン画像が大きく表示されます。スクロールを下にしていくと、画像が上に動き、右側が固定される箇所がトップページにあります。今回は勉強のために、デザインを分析しました。

PCメインビュー

font

“Noto Sans JP”, “Montserrat”, sans-serif
黒系(#232426)・グレー系(#a3a5ad)・茶系(#d06240)
見出しはfont-size:90px、文章はfont-size:16px

 

 

color

背景色:白・茶系(#d06240)・黒・ベージュ系(#e6da99)・紺(#2d2d65)

 

 

メニュー

PCもスマートフォンも左上にハンバーガーメニューがあります。

 

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

 

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

フッターは左右にリンクが書かれています。
フッターの上には大きく予約ページへのリンク個所があり、波上に上部がなっていて、インパクトがあります。

 

まとめ

Hotel Rakuraguのサイトはイラストも使われていて、とても爽やかでシンプルなデザインのサイトです。

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

 

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

 

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

 

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