WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 形で表現 ,

Message

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

  関連記事

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

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

まるで、真上から教習所を見たようなファーストビュー

東京都練馬区にある教習所「大泉自動車教習所」のホームページです。 左側に固定でメ …

難しい話題でも、イラストや箇条書きでまとめ分かりやすく伝える

  「ミズベリング」という水辺を使って街づくりをするという企画の元集ま …

パステルカラーのイラストをのせたり写真の切り取りを家の形にしたりと、遊び心が満載のサイト

神奈川県横須賀市にある撮影スタジオ「PRIVATE PHOTO STUDIO H …

アーチ型に切り取られた写真で橋のように見せる

有限会社「月刊日本橋」が運営する東京日本橋の歴史や文化を紹介するサイト「東京 に …

インパクトがあるドロップダウンメニューとスクロールトップボタン

福島県須賀川市にある企業「グラントマト」のホームページです。 驚いたのが、グロー …

迷惑メールの新しい楽しみ方

「SPAM MUSEUM」という迷惑メール共有サービスという様々な迷惑メールを閲 …

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

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

個性的なデザインの美容院サイトが、とってもオシャレでカッコいい!

横浜・川崎・井土ヶ谷エリアを中心とする美容院「Dh-HAL/AVEDA(アヴェダ …

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

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