デザイン自由度が高い！緑・紫(中性色)が基調のホームページ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種類のグラデーションを使い分けることで、メリハリのある画面を構成しています。電気自動車をより身近に感じてもらえるよう、事業の拠点である川越市にまつわる写真を取り入れているのもポイントです。

制作事例ページ：『ELIO（アースシグナル株式会社）｜サービスサイト｜制作実績｜株式会社リーピー』

山水物産株式会社

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

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

制作実績ページ：『山水物産株式会社｜ECサイト｜制作実績｜株式会社リーピー』

Bollina（TKS株式会社）

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

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

制作実績ページ：『TKS株式会社｜LP（ランディングページ）｜制作実績｜株式会社リーピー』

株式会社桐山組

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

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

制作実績ページ：『株式会社桐山組｜採用サイト｜制作実績｜｜株式会社リーピー』

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

ぎふ木遊館

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/（制作：株式会社リーピー）

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

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

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

株式会社WEDGE

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

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

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

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

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

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

制作実績ページ：『しょうぶ法律事務所｜コーポレートサイト ｜制作実績｜株式会社リーピー』

SMW-AUTOBLOK株式会社

 

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

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

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

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

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

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

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

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