WebGallery

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

*

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

      2015/12/10

名称未設定 1

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

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

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

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

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

 - 絵で表現 ,

Message

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

  関連記事

おバカなジェリービーンズたち

  一時期話題になった動画のWebサイトです。現在ではアプリゲームもあ …

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

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

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

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

あまり知られていない上野動物園の魅力がギュッとつまった「UENO PLANET」が面白い!

東京都大東区にある「上野動物園」が運営する「UENO PLANET」の特設サイト …

イラストを使って分かりやすくする

京都府にある施工業社のホームページです。全体的に手書きのイラストでデザインされて …

時間帯によって背景が変化するアニメーション

燃料販売やガス供給などを行っている企業「株式会社 吉田石油店」のホームページです …

ページの内容で、コンテンツのレイアウトを変える

  「女性による女性のための競馬サイト」UMAJOのリニューアルサイト …

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

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

キャンピングカーでの北海道の旅の楽しさを伝えるために、イラストを使ってデザインしたレンタルサイトが可愛い!

北海道札幌市でキャンピングカーのレンタルを行っている営業所「北海道キャンピングレ …

コントラストを少なくした配色でお年寄りでも見やすいデザインに

台東区にある社会福祉法人「台東区社会福祉事業団」のホームページです。高齢者や児童 …