現役デザイナーが選ぶ！メインカラーが「緑」のwebデザイン事例15選！

緑色を活かした”爽やかな”デザイン事例

くまだ眼科クリニック

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

岐阜市にある、くまだ眼科クリニック様のホームページです。高い技術力や信頼感を大切にしつつ、患者様に安心していただけるよう、親しみやすい雰囲気も表現しています。診療時間やクリニックへの行き方がすぐにわかるよう、右側に固定のボタンも設置させていただきました。

ELIO（アースシグナル株式会社）

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

電気自動車専門カーシェアリングサービス「ELIO（エリオ）」のWebサイトを制作させていただきました。電気自動車の持つクリーンかつ未来的なイメージを、グリーンとブルーのグラデーションで表現。濃淡の異なる2種類のグラデーションを使い分けることで、メリハリのある画面を構成しています。

Bollina（TKS株式会社）

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

シャワーヘッド「Bollina」のLP（ランディングページ）を制作させていただきました。明るいシャワールームを想起させるようなクリアでみずみずしいデザイン。水面がきらめくようなホバーアクションも商材とぴったりですね。サイト背景にはグリーンとブルーを使ったグラデーションを用いていますが、少しくすんだトーンにすることで上品で落ち着いた雰囲気に仕上げています。

Works 制作実績

「緑」を基調とした
当社の制作実績はこちら

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

• 「緑」を使った事例一覧
• 会社資料を見る

緑色のイラストでポップに魅せるデザイン事例

社会福祉法人舟伏

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

弊社で制作させていただいた社会福祉法人舟伏様のサイトです。イラストやアイコンのグリーンがとても鮮やかで、印象的です。背景のオブジェクトには黄色を用いており、補色にあたるこの2色を配色のメインとすることで、スッキリと画面をまとめています。アウトラインのないイラストがモダンで、デザインのトレンドもしっかりと押さえたサイトになっています。

ぎふ木遊館

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

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

伊藤はり・きゅう院｜コーポレートサイト

https://itouharikyu.com/(制作：株式会社リーピー)

弊社で制作させていただいた、伊藤はり・きゅう院様のサイトです。柔らかいシェイプのオブジェクトと、爽やかな青みがかったグリーンの親和性が高く、見ていて心地がいいです。ナチュラルな清潔感が、見る人を安心させてくれますね。また丸みを帯びたフォントは可読性が高く、サイトの印象を損なうことなくユーザビリティの向上を実現しています。

あたたかい「緑」が親近感を生むデザイン事例

大工加藤工房舎

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

弊社で制作と写真撮影をさせていただいた、大工加藤工房舎のホームページです。幅広い年齢層を対象にしたデザインを目指し、ナチュラルカラーや、水彩タッチの写真を使用して、優しく温かみのあるデザインにしました。

岐阜県弁護士会

https://www.gifuben.org（制作：株式会社リーピー）

岐阜県弁護士会様のホームページ制作をさせていただきました。イラストのひまわりと相まって、配色の緑がナチュラルな雰囲気を生みます。親しみやすいイラストを用いて難しいイメージを払拭し、初めての方でも相談しやすい雰囲気作りをしています。また文字サイズが選べるため、幅広い年齢の方に便利に使ってもらえるサイトになっていますね。

株式会社中原組

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

山口県にある総合建設会社のホームページです。緑をアクセントカラーとした配色がどこかポップで、職人さんの笑顔と相まって親しみやすい雰囲気を感じます。一方で、はねやはらいの印象の強い明朝体、セリフ体といった書体選びからは、質の高さや歴史の長さを感じます。親しみやすさと信頼感をデザインで両立させた事例ですね。

Works 制作実績

「緑」を基調とした
当社の制作実績はこちら

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

• 「緑」を使った事例一覧
• 会社資料を見る

ポップで楽しい雰囲気が魅力的なデザイン事例

株式会社サギサカ

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

弊社で制作させていただいた、自転車のパーツを取り扱っている企業のホームページです。商品が引き立つよう、各カテゴリにはサイトのベースカラーとなる緑でグラデーションを施しています。商品などの情報量が多いサイトですが、カテゴリを一覧でまとめており商品選択の導線もスムーズなので、ユーザーに優しい設計となっています。デザイン性だけでなく、実用美も備えた優秀なサイトです。

SALAD HOME

https://www.saladhome.com/

小さいお子さんをお持ちのファミリー向けであることが一目で分かる、かわいらしいデザインのアットホームなホームページですね。イラストはもちろん、ホームページの細かいところまで丁寧にこだわられており、ホームページだけでも競合他社との差別化になっています。

東急建設株式会社

hhttps://www.tokyu-cnst.co.jp

東京都に本社を構える、総合建設業の会社です。一見シンプルでベーシックなサイトですが、レスポンシブがきちんとしており、お客様に安心感を与えるデザインです。ファーストビューでフラットなイラストが動くのも、シンプルなサイトだからこそ映えるデザインです。

落ち着いた緑で誠実さを訴求するデザイン事例

竹松投資アドバイザー株式会社

https://www.takematsu-ia.jp/

竹松投資アドバイザー株式会社様のホームページです。サイト全体が、緑を基調とした落ち着いた印象のデザインとなっていて、地元密着型の会社のイメージと非常にマッチしています。石川県金沢市をイメージして作られた、会社のロゴに関しての説明も記載されていて、非常に強い地元愛を感じますね。

税理士法人TOTAL

https://j-sozoku.com/

明朝体のフォントとゴールド・深い緑は安定感と信頼感があります。一見高級にも見えますが、ベースカラーにベージュを使用し、随所にイラストや人物写真をいれることで、全体のテイストが和らぎ親しみやすいデザインとなっています。

司法書士 青木事務所

https://aoki-jimusho.net

こちらは北信エリアを中心に、地域社会に寄り添ったサービスを提供している司法書士事務所様のホームページです。こちらのサイトは、真っ白な背景にすっきりとした構成が印象的。柔らかい線で描かれたイラストや丸みのあるボタンが、ポップな可愛らしさを演出して、「法律」の難しいイメージの払拭にも一役買っています。

Works 制作実績

「緑」を基調とした
当社の制作実績はこちら

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

• 「緑」を使った事例一覧
• 会社資料を見る

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

冒頭でもお話したように、緑色には「安心感」「優しさ」「居心地の良さ」を印象づける力があるため、ユーザーに誠実さをアピールしたい企業にはぴったりの色です。

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

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

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