WebGallery

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

*

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

      2015/12/08

名称未設定 1

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

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

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

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

 - 写真で表現 , , ,

Message

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

  関連記事

ケーキの魅力が伝わりやすいように白黒で配色されたサイトがシンプルでおしゃれ!

日本の四季を感じる、旬の国産フレッシュフルーツをふんだんに使用したアート感覚あふ …

シンプルなレイアウトで、モデルの写真を際立たせた美容院

東京都福生市と昭島市の駅前にある美容室「vivarc」のホームページです。 ファ …

幻想的な空間のファーストビューが綺麗なイベントサイトがおしゃれ!

2017年7月8日の土曜日から10月1日の日曜日まで、東京都品川区にある「アクア …

雑誌のようなレイアウトのスライダーを使った美容室のサイトがカッコいい!

愛知県名古屋市と豊明市にある美容室「BUSH」のホームページです。 ファーストビ …

サイト全体を白黒の配色にすることで、住宅の木のぬくもりが感じられるリフォーム会社

栃木県宇都宮市にあるリフォーム会社「有限会社 矢野住建」のホームページです。 フ …

サイトの配色だけでなく、写真の色合いも青系にしてガラス瓶の透明感を出している「びんむすめ」のサイト

日本ガラスびん協会が運営する「びんむすめ」のプロジェクトキャンペーンサイトです。 …

コケの写真が幻想的な通販サイト

大阪市にあるコケリウム専門通販サイト「コケのインテリア コケリウム」のホームペー …

テクスチャを用いてデザインを統一

  大阪にある工務店のサイトです。トップにはグローバルナビと写真のみで …

くるくると回るキャッチ画像

株式会社エーペック貿易のホームページです。 くるくると回るキャッチ画像がとても綺 …

商品のイメージカラーを使い、統一感を出す

  森永乳業の「ピノフォンデュカフェ」の特設サイトです。ピノのパッケー …