見出し画像

20.GLAMPROOK 飯綱高原 #1日1サイトレビュー

【印象】
・明朝体、余白多め、文字量少なめ、使用している写真によって高級感を演出している
・デザイン自体はシンプルだが写真を多く使用しアニメーションでコンテンツを表示しているので単調な印象はない
【ファーストビュー】
・写真を一面に大きく表示し、キャッチコピーを左下に置いている
・右側に縦書きでコピーライト表記とSNSアイコンを設置している(SNSへの誘導は下部にセクションが設けられているがコピーライト表記はフッター部分にない)
・ヘッダーが大きめ(縦140px)、文字サイズは16pxだが余白を多めにとっている。メニューはすべて英語表記。予約画面へのボタンだけ背景色を変えて強調している
【コンテンツ】
・途中に設置してある動画も文字を中央に表示して余白を多めにとる、英語表記とサイトとの統一感がある。また、最初にワインとソファを映すことで高級感を演出している
・roomセクションの上に左へスクロールする写真を設置。ホテル内部ではなく景色、自然の豊かさを感じさせるものを使用している
・room、all inclusive、foodのセクションの写真はホバーで拡大する
・informationは背景色に暗い青を使用している
【カラー】
・黒に近い青、白を使用
・テキストカラーは柔らかい黒(#2a2a2a)
【フォント】
・キャッチコピーやコンセプト部分ではNoto Serif JPを使用
・本文は游ゴシック体
・英字はCormorant Garamond(セリフ体)
【レスポンシブ】
・ハンバーガーメニューは2本線。メニュー画面の背景はベージュ
・中央寄せだったコンセプト部分は左寄せに変更