WebGallery

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

*

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

      2015/12/10

名称未設定 1

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

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

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

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

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

 - 絵で表現 ,

Message

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

  関連記事

イラストを使った可愛いサイトがいっぱい!歯科関連のwebサイト5選!

インフルエンザが流行っていますね… 私もかかってしまいましたが、インフルエンザに …

施設や風景の写真が綺麗な温泉パーク

静岡県函南町にある温泉パーク「天然温泉 湯~トピアかんなみ」のホームページです。 …

可愛らしいイラストを使って楽しそうな雰囲気が伝わってくる観光情報サイト

福岡県八女市にある公園「星のふるさと公園 星野村観光情報」のホームページです。 …

淡路島のいいところが”ぎゅっと”まるごと

兵庫県立淡路島公園内にある「淡路ハイウェイオアシス」のホームページです。 画面上 …

イラストをたくさん使って可愛らしさを演出したサイトがおしゃれ!

東京台東区に本社をかまえる「株式会社 正栄デリシィ」のホームページです。 ファー …

手描きのイラストで柔らかな雰囲気を出しつつ、ロゴやボタンの配置でカチッとした印象も受ける「カラダとメガネの研究所」

「J!NS」が運営する「カラダとメガネの研究所」のホームページです。 ファースト …

「おもちゃ箱」をイメージしたテレビ朝日の新卒採用サイトが、ポップで面白い!

テレビ朝日の新卒採用サイトです。 鮮やかな黄色の背景色がとても印象的なサイトです …

フラットなイラストが可愛らしく動いて、楽しい様子が伝わってくる

CMや映像、WEBなどの音楽制作およびアーティストのプロデュースを行っている音楽 …

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

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

メロンパンケストラの愉快な仲間たち

群馬県・埼玉県を中心に展開するメロンパン専門店「メロンドパーネ」のホームページで …