WebGallery

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

*

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

      2015/12/10

名称未設定 1

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

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

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

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

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

 - 絵で表現 ,

Message

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

  関連記事

どんな環境でも見やすい

  横浜にあるレストラン&ショップのサイトです。トップページに施設の外 …

レゴランドで開催しているイベントのサイトがゲームみたいで可愛い!

2017年の7月から12月までお台場にあるレゴランドで開催されているイベント「夜 …

和食に牛乳という”ミルクマジック”「乳和食」

一般社団法人Jミルク「乳和食」の特設サイトです。 イラスト中心の柔らかいデザイン …

少ない文章で必要な情報が分かる

  バーベキュー塾のサイトです。その名の通りバーベキューをするにあたっ …

イラストとモデル写真の組み合わせで独特の世界観を演出する

「Eva」というアーティストさんのアパレルブランド「harapeco商店」のホー …

愛くるしいスヌーピーとキャラクターがたくさん!

2016年4月、東京都港区六本木に誕生した「SNOOPY MUSEUM TOKY …

和歌山にあるナチュラルチーズ専門店のサイトが、写真を際立たせたデザインで可愛い!

和歌山県紀の川市にあるナチュラルチーズ専門店「Copain de Fromage …

アクセントカラーを上手く使ったデザイン

  神奈川県にある看板専門店のサイトです。全体的にアイコンやシルエット …

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

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

鹿児島県にある幼稚園のサイトが、動きを使ったデザインで可愛い!

鹿児島県日置市にある幼稚園「学校法人 朝日ヶ丘学園 朝日ヶ丘幼稚園」のホームペー …