WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 形で表現 ,

Message

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

  関連記事

「卵」にこだわりぬいた「千鶏カステラ本舗」

長崎県雲仙市にある美味しい長崎カステラのお店「千鶏カステラ本舗」のホームページで …

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

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

「交通アクセス」のボタンを右上に配置することで、観光客にも優しいデザインに

佐賀県鹿児島市にある「祐徳稲荷神社」のホームページです。 ロゴマークの赤い色と白 …

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

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

イラストや図を用いて分かりやすく説明

「スーパー乗るだけセット」という新車の購入方法を紹介している特設サイトです。カラ …

受験生の保護者にとっても見やすい構成

日本女子大学の受験生向け特設サイトです。 女性らしくパステルピンクを基調とした、 …

レイアウトを大きく2つに分け、シンプルな構成に

北陸新幹線のスペシャルサイトです。最近ではあまり見かけない左側にグローバルナビ、 …

ドロップダウンメニューに切り替わるグローバルナビ

群馬県にある料亭「一婦美」のホームページです。 赤と白をベースにしたデザインは、 …

見出しにアニメーションをつけてインパクトを出す

茨城県の「キャピタルマリーナ」のホームページです。トップページの波の形を連想させ …

丸を駆使したデザイン

  全体のオブジェクトが丸いサイトです。写真やロゴマークの背景のお皿、 …