WebGallery

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

*

中央に重要な情報をまとめて配置することで注目度を上げる

   

名称未設定 1

横浜市鶴ヶ峰にある美容室「しの美容室」のホームページです。

キャッチの部分やグローバルナビのデザインは、背景に木材のテクスチャを使用することで、高級感だけでなく落ち着いた雰囲気をどことなく感じます。キャッチ部分の写真の切り取り方も、枠に葉をつけることでひと味違った形になりますね。

お問い合わせのボタンや電話番号などの情報は、右上に配置されているのを多く見かけますが、このサイトではそれをせず、ロゴと合わせて中央に配置することで注目度を上げているように見えます。こういった配置の仕方はあまり見ないので、参考になります。

下の美容室の紹介部分では、ほかのコンテンツとは違う背景のテクスチャや、左右に葉やハサミを置くことで、一段と注目度が上がります。デザイン的にも、机の上に置かれたような感じで素敵ですね。

 - 形で表現 , ,

Message

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

  関連記事

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

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

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

プレミアホテルグループの1つ「門司港ホテル」のホームページです。 画面上部のヘッ …

壮大な木曽駒ヶ岳の写真がとても綺麗な「木曽駒 JAPAN ALPS スカイレース」

今年の9月18日に長野県木曽郡木曽町にある中央アルプス最高峰である木曽駒ヶ岳山頂 …

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

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

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

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

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

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

ロゴマークと同じ形をしたメニューとキャッチ画像

東京都武蔵野市吉祥寺にある動物病院「ひだまり動物病院 吉祥寺」のホームページです …

色相を抑えて写真を強調させる

京都府京都市にある「北野天満宮」のホームページです。 綺麗な青空で撮影された北野 …

ペット専用タクシーのサイトが、イラストを使ったデザインで可愛い!

東京・千葉県に営業所を構えるペット専用タクシー「東葛ペットタクシー」のホームペー …

カラフルな色彩で学校の生き生きとした雰囲気を演出した「南女組」

甲南女子大学の情報ポータルサイト「南女組」のホームページです。 パステルカラーを …