参考になる！「中性色（緑・紫）」を基調としたWebデザイン事例16選！

ビビッドな色使いが「トレンド」を演出するデザイン事例

鈴木建設株式会社

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

千葉県旭市を拠点とし、数多くの土木工事・建築工事を手掛ける総合建設会社のホームページデザインです。明るい色使いや英語見出し、ストライプのあしらいがポップで若い世代にも響くようなデザインとなっており、採用面でも若者募集に効果的なサイトデザインです。

社会福祉法人舟伏

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

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

QUANT（グリー株式会社）

https://pf.quant.page/

インフルエンサーのマネージメントツールを提供するQUANT（グリー株式会社様）のサイト。紫色は個性的なイメージを与えるため、インフルエンサー向けのサービスを提供する企業にぴったりといえます。トレンド感のあるイラストが動いてポップで可愛いです。

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

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

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

電気自動車専門カーシェアリングサービス「ELIO（エリオ）」のWebサイトを制作させていただきました。電気自動車の持つクリーンかつ未来的なイメージを、グリーンとブルーのグラデーションで表現。濃淡の異なる2種類のグラデーションを使い分けることで、メリハリのある画面を構成しています。電気自動車をより身近に感じてもらえるよう、事業の拠点である川越市にまつわる写真を取り入れているのもポイントです。

山水物産株式会社

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

山水物産株式会社様のおせちの通販サイトを制作させていただきました。高級食材を贅沢に使用した和洋折衷のおせちを取り揃えています。おせちの競合他社とは全く違う印象をあたえるため、高級感だけでなく遊び心を取り入れた大胆なビジュアルにいたしました。また、どんな年代のユーザーが見ても迷わず購入できるように、購入までの導線を分かりやすくいたしました。

Bollina（TKS株式会社）

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

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

株式会社桐山組

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

弊社で撮影・制作した、総合建設会社のホームページです。ノスタルジーで職人の方々の味わいを感じつつも、青緑を活かしたデザインは先進的で、みる人の心を惹きます。設計図を思い起こさせるような装飾もこのデザインのポイントです。建築会社の要である「職人」を押し出したデザインは、高品質であることを伝える大きな手段であり、見る人に安心感を与えます。

Works 制作実績

「中性色（緑・紫）」を基調とした
当社の制作実績はこちら

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

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

緑色のもつナチュラルな印象を活用したデザイン事例

ぎふ木遊館

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

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

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

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

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

株式会社美和建装

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

弊社で制作させていただいた、株式会社美和建装様のサイトです。木々の緑と統一した配色でサイト全体を彩り、ナチュラルな雰囲気に仕上げています。ところどころに散りばめた手書き風のイラストも非常に可愛らしいですね。笑顔の宣材写真を多く使っていることも、美和建装様の飾らない自然な魅力の訴求に一役買っています。

株式会社サギサカ

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

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

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

大工加藤工房舎

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

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

岐阜県弁護士会

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

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

株式会社中原組

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

山口県にある総合建設会社のホームページです。緑をアクセントカラーとしながらも、全体はモノトーンでまとめられているため、落ち着きのある安定した印象を与えています。はねやはらいの印象の強い明朝体、セリフ体といった書体選びからも、質の高さや歴史の長さを伝える意図を感じます。

Works 制作実績

「中性色（緑・紫）」を基調とした
当社の制作実績はこちら

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

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

紫で”個性的”に魅せるデザイン事例

株式会社WEDGE

https://re-volucion.art/（制作：株式会社リーピー）

弊社で制作させていただいた、岐阜県関市にある建築会社のブランドサイトです。西洋の美しい住宅デザインに合わせて、フォントの種類や配置、ネイビーを基調とした配色など、さまざまな手法を凝らし世界観を演出しています。とても優美で目を引く、インパクト抜群のサイトに仕上がりました。

弁護士法人しょうぶ法律事務所

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

弊社で制作させていただいた、しょうぶ法律事務所様のホームページです。情報量が多いサイトですが、リンクボタンから直感的にページにアクセスできるなど、サイト全体を通して使いやすい設計にしています。サイトカラーは白を基調に清潔感を出しつつ、差し色にしょうぶの花の紫がかったネイビーを入れ、独自性のあるテイストに仕上げました。

SMW-AUTOBLOK株式会社

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

旋盤用のパワーチャック・シリンダー・自動芯出し振れ止め装置、マシニングセンタ用のワークホールディングをメインに、製造・販売している会社です。FVでは、英語が多く織り交ぜられた製品画像が使用され、国内ではもちろん、海外展開もしているといった規模感が伝わります。切り抜いた製品画像を大きく使用したデザイン処理や、斜めの線を用いることで、クールでインパクトのあるサイトに仕上がっています。

『中間色』が持つイメージを駆使する

冒頭でもお話したように、中間色（緑・紫）はそれぞれ色が持っている個性に大きな違いがあるため、使う色によってユーザーに全く違った印象を与えることができます。

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

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

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