WebGallery

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

*

メニューで隠れてしまう項目を下に表示させる

   

名称未設定 1

三重県菰野町湯の山温泉近くにあるホテル「ホテル 湯の本」のホームページです。

左側にメニュー・右側に内容というレイアウトで構成されています。トップに表示された料理や温泉などの数々の魅力的な写真がとても綺麗です。

和風で落ち着いた雰囲気ですが、アイコンや文字の書体をゴシック系にすることで親しみやすさがでています。施設・お部屋のページでは数字を大きくして部屋の広さが目に入りやすいようになっています。

スマートフォンで閲覧すると、画面上にメニューが移動し、画面下には電話予約できるようにボタンが新たに配置されています。普段メニューで隠れてしまう項目を下に表示させることで、より使いやすさが向上しますね。

 - 写真で表現

Message

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

  関連記事

写真を大きく使い、インパクトを持たせる

  旅行に関する商品を制作している会社のWebサイトです。世界各所の絶 …

夕日をイメージさせるメニューバーが綺麗な観光ホテル

福井県坂井市にあるホテル「東尋坊温泉 三国観光ホテル」のホームページです。 ファ …

写真や配色の白面積を多くして、清潔感を出している木々に囲まれたリハビリテーション病院

千葉県成田市にある「 成田リハビリテーション病院」のホームページです。 ファース …

長野県にある味噌蔵のサイトが高級感あっておしゃれ!

長野県信州諏訪にある味噌の通販・販売を行っている味噌蔵「丸高蔵」のホームページで …

写真を用いて地元の魅力を最大限に出す

新潟県長岡市の「川口」を観光地として川口観光協会が紹介している「えちご川口」のホ …

豊富なメニューを横と縦の2つに分けて、すっきりとしたレイアウトにしたホテル

大分県別府市にあるホテル「城島高原ホテル」のホームページです。 ファーストビュー …

スマートフォンで閲覧すると、下部に固定されるサブメニュー

新潟県見附市にある衣料品会社「株式会社マルキン」のホームページです。 画面いっぱ …

テキストが最大限に排除されたトップページがカッコいい設計事務所

広島県広島市にある設計事務所「株式会社トランスデザイン」がプロデュースした新築の …

ネイルの写真でカラフルなデザインにしたサロンのサイトが可愛くておしゃれ!

東京・埼玉・北海道に支店をかまえるネイルサロン「Nail Mix」のホームページ …

コンテンツ毎に文章の配置を変え、見出しを強調するレイアウトにする

静岡県伊東市にある隠れ宿「花の雲」のホームページです。 まず、画面いっぱいに表示 …