2024.10.30 - Wed
Iguchi
「温かみ」が伝わる!ブラウン(茶色)を基調としたWebデザイン10選!
茶色のもつ”温もり”に親近感が湧くデザイン事例
高浜市かわら美術館
https://www.takahama-kawara-museum.com/(制作:株式会社リーピー)
弊社で制作させていただいた、高浜市かわら美術館のサイトです。太めのゴシックフォントと、黄味の強いブラウンに温もりを感じます。宇宙人の登場を彷彿とさせるファーストビューのアニメーションは、気の抜けたデザインのイラストと相まってとても可愛らしく、思わず顔がほこんでしまいます。見ている人を優しい気持ちにさせるサイトデザインです。
医療法人社団登豊会(カムカムスワロー)
https://comeswa.jp/(制作:株式会社リーピー)
弊社で制作させていただいた、医療法人社団登豊会様のサイトです。ベージュとブラウンを基調とした配色は温かみがあり、画面越しにも優しさが伝わるようです。サイト内には手書きのイラストや写真が散りばめ、賑やかな印象に仕上げました。利用時のポジティブなイメージを訴求し、お問い合わせの向上も踏まえた戦略をとっています。
「ブラウン」を基調とした
当社の制作実績はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,160社以上)
淡いブラウンで「優美さ」を打ち出したデザイン事例
巴里夕顔(株式会社UIW)
https://paris-yugao.jp/(制作:株式会社リーピー)
東京・銀座にあるフレンチ・鉄板焼レストラン、巴里夕顔(PARIS YUGAO)のホームページを制作させていただきました。ファーストビューでは窓の形に切り抜かれた写真がスクロールで広がり、まるでアーチをくぐってお店の中に入っていくよう。「フランスのアール・ヌーヴォーと日本の伝統美の競演」というお店のコンセプトに合わせ、優美で装飾的かつ、独創性のある印象に仕上げています。
TotalBeautySalon atelier Rêve(株式会社TAKUMI)
https://atelier-reve.jp/(制作:株式会社リーピー)
弊社で制作させていただいた株式会社TAKUMI様のサイトです。背景のくすんだ淡い茶色が、サロン外観を大胆に彩る黄緑を引き立たせます。サイト全体の配色がこの2色でほぼ統一されているため、世界観に散らばりがなくとても見やすいデザインになっています。洗練されたサイトデザインからは、「プライベートサロン」の特別感が伝わります。
「木材」の茶色を彷彿とさせるデザイン事例
株式会社オネストアンドパートナーズ
https://www.honest-p.com/(制作:株式会社リーピー)
東京都に本社を構える、内装用木材を取り扱う企業のホームページです。床板が躍動してキューブ型を形成する、動きのある面白いトップページが印象的なサイトとなっています。そして、板の種類と木の素材を選択して検索できる機能もつけ、たくさんある製品を素早く一覧で表示できるようユーザーに配慮した設計にし、使いやすさも兼ね備えたサイトに仕上がっています。
住マイル日和(株式会社システムショップもり)
https://smilebiyori.com/(制作:株式会社リーピー)
こちらは全体的に柔らかいトーンで親しみやすいサイトデザインとなっています。リフォームの目的に合わせたボタン配置となっているため、リフォームを考えている人の目線に立った提案を可能にしています。画面を大きく使った間取りやビフォー・アフターの紹介も見やすく、手書き調の間取りは温かみを感じられますね!
「ブラウン」を基調とした
当社の制作実績はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,160社以上)
茶色の持つ「可愛らしさ」を引き立てたデザイン事例
ぎふ木遊館
https://www.mokuyukan.pref.gifu.lg.jp/(制作:株式会社リーピー)
北欧風のイラストと優しいブラウンが、サイト全体を優しい雰囲気でまとめ上げています。あくまでブラウンがベースですが、随所に散りばめられたカラフルなイラストが、画面を賑やかで楽しい印象にしています。木の枝が組み合わさったようなフォントも可愛らしく、とても親しみが持てますね。
テテワン(合同会社ぺテトテ)
https://tete-wan.com/(制作:株式会社リーピー)
犬についての情報を扱う「テテワン」のサイトを制作させていただきました。ワゆるいタッチのワンちゃんのイラストに癒されますね。柔らかなブラウンでまとめられたサイトデザインは、ワンちゃんの毛色を彷彿とさせます。丸みを帯びたフォントも優しく、サイト全体からワンちゃんへの愛情が伝わってくるようですね。
濃いブラウンでシックな雰囲気を演出したデザイン事例
篠田株式会社
http://www.gifu-shinoda.co.jp/(制作:株式会社リーピー)
土木資材販売や建設事業を中心に、環境関連商品の開発・設置などの事業を展開する篠田株式会社様のコーポレートサイトを制作させていただきました。濃いブラウンを使用した配色やサイト内のアニメーションで、遊び心や親しみを演出する一方、明朝体のフォントを用いて誠実で真面目な印象も加えています。
g+plus(山本硝子株式会社)
https://yg-plus.co.jp/(制作:株式会社リーピー)
愛知県西尾市で注文住宅の設計施工をされている企業です。サイトを開いた瞬間、思わず「かわいい!」と言ってしまいそうな、ポップで楽しいデザインである一方、濃いブラウンはがサイト全体の印象を引き締めています。
「ブラウン」を基調とした
当社の制作実績はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,160社以上)
『茶色』が持つイメージを武器にする
冒頭でもお話したように、茶色(ブラウン)には「温もり」「上品さ」「クラシックさ」を印象づける力があるため、ユーザーに堅実で落ち着きのあるイメージをアピールしたい企業にはぴったりの色です。
当社では、マーケティング的なホームページ制作だけでなく、専属デザイナーによる「視覚的デザイン」を取り入れたホームページのご提案も行っています。
ホームページから差をつけたい、ワンランク上の法人向けサイトを開設したい企業の方は、ぜひリーピーにお任せください!
※ご紹介しているサイトの中で、「(制作:株式会社リーピー)」と書かれたサイトは当社の制作実績です。その他のサイトは当社の制作実績ではございませんが、デザイン性などが優れているため、事例としてご紹介させて頂きました。制作をされた制作会社様で、掲載の取り消しをご希望の場合は速やかに対処いたしますので、当社までご連絡くださいませ。
この記事を書いた人
Iguchi
Webマーケター/コンサルタント 愛知県一宮市出身。学生時代に企業の専属ブロガーを務める傍ら、個人経営の仲介業者・イベントプロモーターとして活動。 リーピー入社後は、Webサイト制作におけるプロジェクトマネージャー経験の後、「成果の出るサイト制作」を支援するSEOマーケターを担当している。
「ブラウン」を基調とした
当社の制作実績はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,160社以上)