WebGallery

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

*

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

      2015/12/10

名称未設定 1

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

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

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

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

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

 - 絵で表現 ,

Message

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

  関連記事

スクロールなどの動作を遅くすることで、より細部まで目がいくようにする

株式会社アブ・アウトが経営する北海道旭川発祥「らーめん山頭火」のホームページです …

動くイラストを使い難しい内容でも伝わりやすく

自然エネルギーを中心としたエネルギーに関する情報発信サイト「みるみるわかる En …

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

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

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

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

ワクワクしてくるイラストたち

加藤憲ホールディングス株式会社の2017年度新卒採用の特設サイトです。 加藤憲ホ …

男女問わず楽しめそうなゴルフスクール

和歌山県和歌山市にあるゴルフスクール「Sundy’s golf sc …

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

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

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

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

おにぎりを使用したプロモーション

毎年10月16日は「世界食料デー」ということで、おにぎりを食べようというプロモー …

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

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