WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 形で表現 , ,

Message

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

  関連記事

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

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

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

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

ひし形のグリットを使って、授業風景などの写真を紹介している倉敷芸術科学大学のサイトがおしゃれ!

岡山県倉敷市にある大学「倉敷芸術科学大学 芸術学部」のサイトです。 ファーストビ …

スライダーで様々な写真を掲載し、事業の内容を分かりやすく伝える

飲食店の経営やブライダル事業を行っている「株式会社 一家ダイニングプロジェクト」 …

ボーダーの線を真っ直ぐではなく少し曲げることで立体感をだす

新潟県長岡市にある電力会社「大原電業株式会社」のホームページです。 青を基調とし …

カラコンの色味を背景で表現したサイトがとにかくオシャレ!「PLAY / UP(プレイアップ)」

カラーコンタクト「PLAY / UP」のホームページです。 丸ドットで作られた背 …

ターゲットをクリエイターに絞った、未来感のあるデザイン

岐阜県の移住支援サイト「GIFU×HUB」のホームページです。 大きく表示される …

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

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

シンプルだからこそ細かいところまで気配りされたデザインのサイトがおしゃれ!

2011年有志によって設立された「ててて協働組合」のホームページです。 ファース …

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

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