WebGallery

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

*

スマートフォン版では宿泊予約のボタンを1番大きくさせる

   

名称未設定 1

プレミアホテルグループの1つ「門司港ホテル」のホームページです。

画面上部のヘッダーにあたる部分は、宿泊予約のボタンのみ背景に色をつけることで、よく目立っています。また、そのボタンを押すと予約条件を入力する項目が右側にあまり場所を取らずに表示されます。すぐに予約のページに飛ばずに、1度検索してから予約のページに飛ぶという段階は素敵だと思いました。

それとは別に、最新情報などが画面下に固定されており、その部分には「お問い合わせ」のボタンが配置されており、そこではすぐに予約画面に行くことができます。また、下にスクロールするときに目に入るように工夫されています。

スマートフォンで閲覧すると、宿泊予約のボタンが1番大きく配置されていて、スマホ版でのデザインとしてとても参考になるサイトだと思いました。

 - 形で表現 ,

Message

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

  関連記事

地元の人がすぐに投稿できるように設置されたポスト

ディスポート株式会社が運営する「遊ぶ」・「宿泊する」といった8つの視点から岐阜の …

模様を不規則にしてタイルを表現する

愛知県名古屋市にあるタイルの製造・販売を行っている「KYタイル株式会社」のホーム …

家の形に切り取られたスライダー

千葉県市原市にある「株式会社 藍舎」のホームページです。 トップのスライダーを家 …

ハロウィン感満載のデザインで、楽しそうな雰囲気

10月12日に千葉県の稲毛海浜公園で開催される「ハロウィンラン」のホームページで …

ロゴマークと同じ形をしたメニューとキャッチ画像

東京都武蔵野市吉祥寺にある動物病院「ひだまり動物病院 吉祥寺」のホームページです …

女性雑誌を見ているかのようなレイアウト

  フィリピンの観光紹介特設サイトです。「失恋にフィリピンが効く。」と …

フラットデザインで新しい印象に

  東京都にある三田国際学園中学校・高等学校の公式ホームページです。幾 …

中央に重要な情報をまとめて配置することで注目度を上げる

横浜市鶴ヶ峰にある美容室「しの美容室」のホームページです。 キャッチの部分やグロ …

不思議な空間に迷い込んでしまったような「WONDERLAND」

表参道にあるSABONがクリスマスコレクションの「EXPLORING WONDE …

情報が縦に分かれた面白いレイアウト

沖縄の芸術文化を発信しているサイト「RQ+ リューキュープラス」のホームページで …