ファーストビューで必要な情報が全て見れるよう工夫された配置

東京都江東区にある温石浴「幸泉」のホームページです。

シングルページで構成されたサイトで、まず大きく写真とロゴマークが配置されています。その下にはブログと最新情報、空席情報も掲載されており、ファーストビューで必要な情報が全て見れるようにデザインされています。特に、空席状況は「これから行きたい！」という方や、「座り席・寝転び席がいい」という方にもありがたい情報ですね。

メニューの部分は固定になっており、各ボタンの左側には1つずつ微妙に違う石のシルエットが配置されています。また、背景もその部分のみ石のようなテクスチャを使用してコンテンツの背景と被らないように工夫されていますね。

「温石浴の楽しみ方」の部分では5項目の内容になっており、スライダーで表示される仕組みになっています。全て一気に表示しないことでページの長さも縮小できるし、見逃した項目があればボタンを押せば表示されるので、今後シングルページを作る際に参考になります。

スマートフォンで見てもパソコン版のデザインとあまり変わらない構成になっていて、見やすくデザインされていると感じました。