WebGallery

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

*

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

      2015/12/08

名称未設定 1

静岡県伊東市にある隠れ宿「花の雲」のホームページです。

まず、画面いっぱいに表示される画像は右側の部分が壁で隠れており、隠れ家的な雰囲気を漂わせています。全体的に落ち着いた色合いの写真なのでメニューやロゴマークに背景を付けることなくデザインされています。

トップページの部分はコンテンツ毎に写真で分けられており、コンセプトの部分は文章を読ませるために中央に配置、宿の紹介部分では雰囲気を知ってもらうために最小限に抑えた文章とボタンのみを見出しを強調するために左上に配置されています。

また、一番下まで行くとお問い合わせのボタンが配置され、最後に画面に写真と宿の住所が表示されるようになっています。フッターの部分を大々的に使用し、宿の雰囲気の余韻が残る工夫されたデザインだなと感じました。

 - 写真で表現 , , ,

Message

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

  関連記事

コンテンツと雲のスクロール量を変えることで奥行きを出したデザインにしたイベントサイトがおしゃれ!

2017年の5月4日・5日・6日の3日間にわたって蘇我スポーツ公園で開催される「 …

居酒屋のメニューやビールの写真を大胆に使ったレイアウトがおしゃれで綺麗!

東京都町田市・神田市・立川市に店舗を構える居酒屋「我が家」のホームページです。 …

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

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

キャッチコピーで興味を持たせ、写真でイメージを補完しているホテル

神奈川県鎌倉市にあるホテル「鎌倉パークホテル」のホームページです。 ファーストビ …

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

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

綺麗になれそうな美容外科

東京都豊島区にある美容・形成外科「エルテ大塚クリニック」のホームページです。 フ …

シンプルなデザインのヘアサロンのサイトが、おしゃれでカッコいい!

原宿・表参道・渋谷・青山・鎌倉にある美容室/ヘアサロン「vicca(ヴィッカ)」 …

新宿・池袋にあるネイルサロンのサイトが可愛くておしゃれ!

東京都新宿区・池袋にお店を構えるネイルサロン「Annabel Lee」のホームペ …

明朝体で高級感を

  石川県にある金箔を取り扱っている会社のホームページです。和風なテイ …

スマートフォンから閲覧しても縦書きのまま表示されるグローバルナビ

青森県にある「八戸酒類株式会社」のホームページです。 昭和19年に創立された歴史 …