WebGallery

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

*

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

   

大分県別府市にあるホテル「城島高原ホテル」のホームページです。

ファーストビューに電話番号や予約フォーム、新着情報など豊富な情報が掲載できるように、スライダーの写真を横長にしています。
また、メニューも縦と横に分けて配置することで、画面をすっきりしたレイアウトにしています。

トップページの宿泊プランや食事を紹介している部分では、ボタンの背景に写真を使っています。文章を必要最小限に抑えて写真で見せることにより、思わずクリックしたくなるボタンになっています。
美味しそうな写真を選んでいるのも、クリックしたくなります!

ホテルの雰囲気を出すために、フォントを明朝体にしたりボタンホバー時のアクションの動きをゆっくりとしたものにすることで、サイト全体に高級感が生まれています。
ファミリー層やシニア層をターゲットに、信頼感のあるデザインになっています!

 - ホテル, 写真で表現 , ,

  関連記事

写真をたくさん使って会場の様子を伝えているイベントサイト

東京都千代田区にある東京国際フォーラムで開催される舞曲の祭典「ラ・フォル・ジュル …

エイプリルフールに公開されたサイトをご紹介!第三弾「ロート製薬 NEXT SMART LIFE」

ロート製薬がエイプリルフールに公開した「NEXT SMART LIFE」の特設サ …

映像で構成されたシンプルなサイト

  株式会社コナミが制作したメタルギア・ソリッドシリーズの主人公に惚れ …

文字の太さで強調する部分をはっきりさせる

  千葉県の海浜幕張公園で行われる花火フェスタのホームページです。背景 …

ヘッダーに固定された屋根と黒い背景で奥行きを出す

群馬県前橋市にある料理店「登利平」のホームページです。 ヘッダー上部にある屋根が …

装飾を使わずレスポンシブしやすいデザインに

建築会社「TASSAY」のホームページです。 写真などでブロック化されたコンテン …

情報の内容ごとに、デザインを変えてそれぞれの印象を持たせる

JR西日本の「あしたセレンディピティ」の特設サイトです。 女性らしく可愛らしいデ …

写真の雰囲気を大切にした、カフェのような写真館

兵庫県姫路市にある写真館「ism(イズム)」のホームページです。 茶系統でまとめ …

ワンちゃん・ネコちゃんをメインに作られたサイトが、どれもオシャレで可愛い!

今年でうちの愛猫も2歳になるのですが、大きくなるのは早いですね… 大きくなっても …

写真を様々な形に切り取ることでアクセントに

  表参道にある鳥カフェのホームページです。アクセントに様々な種類の鳥 …