「温かみ」が伝わる！ブラウン(茶色)を基調としたWebデザイン10選！

茶色のもつ”温もり”に親近感が湧くデザイン事例

高浜市かわら美術館

https://www.takahama-kawara-museum.com/（制作：株式会社リーピー）

弊社で制作させていただいた、高浜市かわら美術館のサイトです。太めのゴシックフォントと、黄味の強いブラウンに温もりを感じます。宇宙人の登場を彷彿とさせるファーストビューのアニメーションは、気の抜けたデザインのイラストと相まってとても可愛らしく、思わず顔がほこんでしまいます。見ている人を優しい気持ちにさせるサイトデザインです。

制作実績ページ：『高浜市かわら美術館｜メディアサイト｜制作実績｜株式会社リーピー』

医療法人社団登豊会（カムカムスワロー）

https://comeswa.jp/（制作：株式会社リーピー）

弊社で制作させていただいた、医療法人社団登豊会様のサイトです。ベージュとブラウンを基調とした配色は温かみがあり、画面越しにも優しさが伝わるようです。サイト内には手書きのイラストや写真が散りばめ、賑やかな印象に仕上げました。利用時のポジティブなイメージを訴求し、お問い合わせの向上も踏まえた戦略をとっています。

制作実績ページ：『医療法人社団登豊会｜コーポレートサイト｜制作実績｜株式会社リーピー』

淡いブラウンで「優美さ」を打ち出したデザイン事例

巴里夕顔（株式会社UIW）

https://paris-yugao.jp/（制作：株式会社リーピー）

東京・銀座にあるフレンチ・鉄板焼レストラン、巴里夕顔(PARIS YUGAO)のホームページを制作させていただきました。ファーストビューでは窓の形に切り抜かれた写真がスクロールで広がり、まるでアーチをくぐってお店の中に入っていくよう。「フランスのアール・ヌーヴォーと日本の伝統美の競演」というお店のコンセプトに合わせ、優美で装飾的かつ、独創性のある印象に仕上げています。

制作実績ページ：『株式会社UIW｜サービスサイト｜制作実績｜株式会社リーピー』

TotalBeautySalon atelier Rêve（株式会社TAKUMI）

https://atelier-reve.jp/（制作：株式会社リーピー）

弊社で制作させていただいた株式会社TAKUMI様のサイトです。背景のくすんだ淡い茶色が、サロン外観を大胆に彩る黄緑を引き立たせます。サイト全体の配色がこの2色でほぼ統一されているため、世界観に散らばりがなくとても見やすいデザインになっています。洗練されたサイトデザインからは、「プライベートサロン」の特別感が伝わります。

制作実績ページ：『株式会社TAKUMI｜サービスサイト｜制作実績｜株式会社リーピー』

「木材」の茶色を彷彿とさせるデザイン事例

株式会社オネストアンドパートナーズ

https://www.honest-p.com/（制作：株式会社リーピー）

東京都に本社を構える、内装用木材を取り扱う企業のホームページです。床板が躍動してキューブ型を形成する、動きのある面白いトップページが印象的なサイトとなっています。そして、板の種類と木の素材を選択して検索できる機能もつけ、たくさんある製品を素早く一覧で表示できるようユーザーに配慮した設計にし、使いやすさも兼ね備えたサイトに仕上がっています。

制作実績ページ：『株式会社オネストアンドパートナーズ｜コーポレートサイト｜制作実績｜株式会社リーピー』

住マイル日和（株式会社システムショップもり）

https://smilebiyori.com/（制作：株式会社リーピー）

こちらは全体的に柔らかいトーンで親しみやすいサイトデザインとなっています。リフォームの目的に合わせたボタン配置となっているため、リフォームを考えている人の目線に立った提案を可能にしています。画面を大きく使った間取りやビフォー・アフターの紹介も見やすく、手書き調の間取りは温かみを感じられますね！

制作実績ページ：『株式会社システムショップもり｜コーポレートサイト｜制作実績｜株式会社リーピー』

茶色の持つ「可愛らしさ」を引き立てたデザイン事例

ぎふ木遊館

https://www.mokuyukan.pref.gifu.lg.jp/(制作：株式会社リーピー)

北欧風のイラストと優しいブラウンが、サイト全体を優しい雰囲気でまとめ上げています。あくまでブラウンがベースですが、随所に散りばめられたカラフルなイラストが、画面を賑やかで楽しい印象にしています。木の枝が組み合わさったようなフォントも可愛らしく、とても親しみが持てますね。

制作実績ページ：『ぎふ木遊館｜サービスサイト｜制作実績｜株式会社リーピー』

テテワン（合同会社ぺテトテ）

https://tete-wan.com/（制作：株式会社リーピー）

犬についての情報を扱う「テテワン」のサイトを制作させていただきました。ワゆるいタッチのワンちゃんのイラストに癒されますね。柔らかなブラウンでまとめられたサイトデザインは、ワンちゃんの毛色を彷彿とさせます。丸みを帯びたフォントも優しく、サイト全体からワンちゃんへの愛情が伝わってくるようですね。

制作実績ページ：『テテワン（合同会社ぺテトテ）｜ポータルサイト・メディア・情報サイト｜制作実績｜株式会社リーピー』

濃いブラウンでシックな雰囲気を演出したデザイン事例

篠田株式会社

http://www.gifu-shinoda.co.jp/（制作：株式会社リーピー）

土木資材販売や建設事業を中心に、環境関連商品の開発・設置などの事業を展開する篠田株式会社様のコーポレートサイトを制作させていただきました。濃いブラウンを使用した配色やサイト内のアニメーションで、遊び心や親しみを演出する一方、明朝体のフォントを用いて誠実で真面目な印象も加えています。

制作実績ページ：『篠田株式会社｜コーポレートサイト｜制作実績｜株式会社リーピー』

g+plus（山本硝子株式会社）

https://yg-plus.co.jp/（制作:株式会社リーピー）

愛知県西尾市で注文住宅の設計施工をされている企業です。サイトを開いた瞬間、思わず「かわいい！」と言ってしまいそうな、ポップで楽しいデザインである一方、濃いブラウンはがサイト全体の印象を引き締めています。

制作実績ページ：『山本硝子株式会社｜コーポレートサイト｜制作実績｜株式会社リーピー』

『茶色』が持つイメージを武器にする

冒頭でもお話したように、茶色（ブラウン）には「温もり」「上品さ」「クラシックさ」を印象づける力があるため、ユーザーに堅実で落ち着きのあるイメージをアピールしたい企業にはぴったりの色です。

当社では、マーケティング的なホームページ制作だけでなく、専属デザイナーによる「視覚的デザイン」を取り入れたホームページのご提案も行っています。

ホームページから差をつけたい、ワンランク上の法人向けサイトを開設したい企業の方は、ぜひリーピーにお任せください！

※ご紹介しているサイトの中で、「（制作：株式会社リーピー）」と書かれたサイトは当社の制作実績です。その他のサイトは当社の制作実績ではございませんが、デザイン性などが優れているため、事例としてご紹介させて頂きました。制作をされた制作会社様で、掲載の取り消しをご希望の場合は速やかに対処いたしますので、当社までご連絡くださいませ。