優しくて柔らかい！「暖色」を使ったほっこりするwebデザイン事例15選！

淡いオレンジが優しい印象を与えるデザイン事例

オギケン株式会社

https://ogiken-gifu.co.jp/（制作：株式会社リーピー）

こちらも岐阜県で塗装を行われている会社様です。丸みのあるフォントや暖色を使用した配色が柔らかく、塗装で使用する刷毛や缶がボタンに使用されたかわいいデザインです。ふんわりとした優しい空気感が職人さんの人となりまでもを表すようですね。お客様の安心感にもつながりそうです。

株式会社馬渕塗工

https://www.mabuchi-tokou.jp/（制作：株式会社リーピー）

こちらも弊社リーピーで制作と写真撮影をさせていただいた岐阜県の塗装会社、馬渕塗工様のホームページです。オレンジ色をメインカラーにすることで、塗装業の温かみと安心感をサイトデザインに踏襲しています。

一般社団法人Nancy

https://donation.lp.gifu-nancy.org/ （制作：株式会社リーピー）

学校での学びをサポートし、子どもたちが本来持つ柔軟な発想力や行動力を伸ばすために活動している、一般社団法人Nancy様の寄付ランディングページを制作させていただきました。子どもたちが楽しく学べるイメージで、幾何学模様や文房具をモチーフにデザインしています。淡いオレンジと白を基調とし、明るい雰囲気に仕上げました。

Works 制作実績

「優しさ」をテーマとした
当社の制作実績はこちら

リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。（支援実績1,150社以上）

• 「優しさ」が伝わる事例一覧
• 会社資料を見る

パステルピンクが柔らかな空気を醸すデザイン事例

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

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

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

株式会社杉本住建

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

こちらは埼玉県にある塗装会社、杉本住建様のホームページです。スタッフの写真が多く使用されており、「外壁・屋根塗装からはじまるおつきあい。技術と人柄でリピート率100％」というキャッチコピーで、ユーザーからの信頼を獲得しやすい、温かみのあるデザインに仕上げました。

認定特定非営利活動法人ぎふハチドリ基金

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

認定特定非営利活動法人ぎふハチドリ基金様の寄付支援ポータルサイトを制作させていただきました。寄付支援ポータルサイトのため、彩のあるイラストを使い、温かい印象を持つように作られています。ハチドリが花をつつく様子や、図形が動くアニメーションなど、細かい動きも楽しむことができます。

難治性血管腫・血管奇形薬物療法研究班情報サイト

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

岐阜大学医学部附属病院様の難治性血管腫・血管奇形薬物療法研究班情報サイトを制作させていただきました。専門的な内容でも分かりやすく学べるよう、親しみやすいキャラクターとイラストを多く使った説明が印象的です。血管の色をイメージしたピンク色は、柔らかい印象を与えてくれます。

手書き風のあしらいが親しみを生むデザイン事例

学校法人 寿なとり学園

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

イラスト混じりのキャッチコピーはかわいらしく、創造性豊かな子供たちにピッタリ。手書き感のあるラフなあしらいもおしゃれですね！写真が折り紙のようにカクカクとした形になっていたり、スクロールする度に新しい発見が見つかる、楽しいサイトとなっています。

トップ教育センター

https://www.top-kyouiku.co.jp/(制作：株式会社リーピー)

弊社で制作させていただいた、トップ教育センター様のサイトです。手書きのキャッチコピーと非常に淡いオレンジが優しい印象を見る人に与えますね。サイト全体はペールトーンで統一しつつ、お問い合わせボタンのオレンジが画面を引き締めているため、ぼんやりとしません。同系統の色を効果的に使い、統一感を演出したデザインです。

オレンジでナチュラルな雰囲気を演出したデザイン事例

岐阜アグリフーズ

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

無添加のスキンケアなどの商品を取り扱うECサイトです。万人受けの良いシンプルなイメージで構成し、オレンジをアクセントに取り入れた温かみのあるデザインとなっています。写真まわりにはコットンや観葉植物を添えることで、キャッチコピーにもある、天然由来やオーガニックの「やさしさ」を表現していますね！

キッチンLABO（株式会社ハウジング重兵衛）

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

木目のテクスチャと淡いオレンジをデザインに使用し、温かでナチュラルな雰囲気に仕上げています。手書きの筆記体のような英字フォントをポイントに使用することで、カジュアルな軽さもプラス。手書きのイラストも可愛らしく、重たくなりすぎず、気軽にお問い合わせできるデザインです。

温かい「和」の雰囲気を打ち出したデザイン事例

カンダまちおこし株式会社

https://www.kanmachi.co.jp/（制作：制作会社リーピー）

十六フィナンシャルグループのまちづくり会社、カンダまちおこし株式会社様のウェブサイトを制作させていただきました。ローカルに回る経済、地方がおもしろくなる引力を起こす、というキーワードを元に、回転して引き合いながら広がっていくアニメーションを使用しました。サイト全体は暖色で統一し、温かみを演出しています。

山水物産株式会社

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

山水物産株式会社様のサイトを制作させていただきました。少し茶色がかった趣のあるオレンジが、温かい雰囲気を演出しています。全体的に淡い配色を採用しているため画面がぼんやりとしてしまいそうですが、随所に散らばるネイビーが印象をグッと引き締めてくれているため問題ありません。おせちの魅力までもを引き立てる魅力的な配色となっていますね。

宿いとう（株式会社 十八楼）

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

パララックス（視差）効果がサイトの奥行きを強調して、引き寄せられるような感覚を生み出し、サイトの世界観に没入させてくれます。宣材写真はどれも暖色系統でまとまっており、温かみを感じます。スクロールやホバー時の挙動も、サイトの雰囲気と調和されておりとても優美に仕上がっていますね。ここでしか味わえないサイト体験をユーザーにもたらしてくれます。

備え梅（株式会社バンブーカット）

http://sonae-ume.jp/

「備え梅」という、梅干しのブランドサイトです。鮮やかな赤色がぱっと目に入るデザインですね。白と赤の2色のみで構成されたサイトカラーからは、「日本の和」のイメージを感じます。「すっぱい写真館」など、他にはないコンテンツがあるのも特徴的で、ブランディングへの強い思いを感じる洗練されたサイトに仕上がっています。

Works 制作実績

「優しさ」をテーマとした
当社の制作実績はこちら

リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。（支援実績1,150社以上）

• 「優しさ」が伝わる事例一覧
• 会社資料を見る

『やさしい』『ナチュラル』が持つイメージを、最大限に活かす

冒頭でもお話ししたように、やさしい・ナチュラルには「柔らかさ」「あたたかさ」「安心感」を演出する力があります。

ユーザーにやさしい印象をアピールしたい企業にはぴったりなテイストです。

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

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

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