WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

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

      2015/12/10

名称未設定 1

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

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

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

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

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

 - 絵で表現 ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

就活生から職人まで、自分に合ったメガネが見つかるかも!

眼鏡・コンタクトレンズの販売を行っている「メガネの愛眼」が、様々な生活シーンに合 …

お昼寝案内

  手書き風のゆるーっとしたサイトです。イラストを使用してわかりやすく …

手前の木をぼかし、奥の木は色を濃くして奥行きを出し、更に動きを付けることで立体感が出る

北海道仙台市中心部観光スポットを結ぶ巡回バス「るーぷる仙台」のホームページです。 …

コンテンツを1つ1つ大きくして見やすくする

  新潟にあるホテルのホームページです。コンテンツブロックの1つ1つが …

宇宙空間を表現するために、画面下から上に泡を出したりイラストをふわふわ浮かせたりしたイベントサイト

2017年3月9日の木曜日から6月28日まで、東京ドームシティで開催している「T …

猫好きにとってはたまらない雑貨イベント

2016年10月23日の日曜日に開催されるイベント「ニャンフェス 猫好きのための …

動き・見た目・使いやすさよし!なデザインの教育コンサルタント屋さん

東京都多摩市にある教育コンサルタント「コンボスリープラス(COMBO3PLUS) …

全体に色を使わずに、イラストを強調させたアートイベント

ポストカード展・グループ展を中心に「作家の立場から考えたアートイベント」をコンセ …

イラストは背景色で区切られた中に配置するのではなく、枠内からはみ出させることで動きがでる

静岡県浜松市にある建築会社「マルベリーハウス(桑原建設)」のホームページです。 …

作品の雰囲気を損なうことなく、イラストを上手く配置した「ムーミン展」のサイトがかわいい!

2019年の4月9日(火)から6月16日(日)まで、六本木ヒルズ森タワー52階に …