WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 形で表現 , ,

Message

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

  関連記事

地元の人がすぐに投稿できるように設置されたポスト

ディスポート株式会社が運営する「遊ぶ」・「宿泊する」といった8つの視点から岐阜の …

模様を不規則にしてタイルを表現する

愛知県名古屋市にあるタイルの製造・販売を行っている「KYタイル株式会社」のホーム …

少し変わったメニュー表

大阪府にある美容院「bon hair」のホームページです。トップページの情報量が …

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

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

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

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

丸を駆使したデザイン

  全体のオブジェクトが丸いサイトです。写真やロゴマークの背景のお皿、 …

緑を前面に押し出したホテルのサイトが、穏やかな雰囲気でゆったり過ごせそう!

大阪府大阪市にあるホテル「ホテル・ロッジ舞洲」のホームページです。 丸い形を緑色 …

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

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

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

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

情報が縦に分かれた面白いレイアウト

沖縄の芸術文化を発信しているサイト「RQ+ リューキュープラス」のホームページで …