「爽やか・誠実さ」が引き立つ！青(寒色)を基調としたWebデザイン集！

明るい青色で”爽やかさ”を際立たせたデザイン事例

株式会社ラーニングエージェンシー

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

こちらは都市部に拠点を置く、人材事業コンサルティングを行う会社の新卒採用サイトです。水色をベースに配色をおこなっており、新卒社員の若々しくフレッシュなイメージがとても伝わってきますね。そして「数字で見る」というセクションが青い円が背景に広がるデザインも、実績をさらにインパクトを与えるものにするための設計に仕上がっています。

ジェイエムシー 株式会社

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

斜めに開くローディングから始まり、トップ画面ではキャッチコピーにかかった青いグラデーションが滑らかに動きます。スクロールに合わせて緩やかな線が流れたりと、目線を誘導させる要素が満載です！

株式会社TKS

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

岐阜県岐阜市でシャワーヘッドの製造・販売や金属加工業をされている企業です。水色と白色を使用し清潔感を演出。全体的にすっきりと見やすくまとまっているデザインです。製品カテゴリ別でボタンがあり、Webサイト内で迷わず目的のページに遷移できるよう設計されています。SNSやメディアでの情報発信を活用し、戦略的な運用をされています。

Works 制作実績

「青色（寒色）」を基調とした
当社の制作実績はこちら

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

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

青で誠実な印象を打ち出したデザイン事例

河合塗装（株式会社エイトハンズ）

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

弊社で制作と写真撮影をさせていただいた岐阜県の塗装会社、河合塗装様のホームページです。河合様の優しげな雰囲気を大切に、岐阜県郡上の爽やかな水・山々をイメージした淡いブルーのトーンで統一しています。スライドが、刷毛で塗られているような動きになっているのもポイントです！

有限会社上林塗装

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

こちらは埼玉県秩父市にある有限会社上林塗装様のホームページです。秩父で有名な「芝桜」から、少し落ち着いたトーンのピンクを差し色として使用したデザインです。職人さんの姿がうつる写真をメインに使用し、実際に施工をする方の顔が見えることで安心感が出ます。また、手元の作業写真や使用している道具を載せることで、仕事の丁寧さををユーザーに感じていただけます。

青の持つ「清潔感」を活かしたデザイン事例

秋川臨床デンタルクリニック

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

青を基調とした、シンプルなデザインで、清潔感のあるデザインです。写真加工も、コントラストを抑えて青みのある補正をすることで、さわやかなトーンにまとめています。症状別に、考えられる原因や治療の方法など紹介されているので、事前にどんな治療になるのかイメージすることができ、来院時も安心して相談できる配慮がなされています。

佐藤歯科医院

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

岐阜県美濃加茂市にある佐藤歯科医院様のホームページです。ページ全体は白と青色が基調のデザインとなっており、デンタルクリニックらしい清潔感のある、「爽やかな印象」を受けますね！また実際に治療を行っている先生の写真を差し込むことで、より安心感が伝わります。

元町デンタルクリニック

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

セリフ体の英語を大きく使用し、グレイッシュなブルー系のトーンでまとめたスタイリッシュでクールなデザインです。トップページの写真は、ロゴの形にかけられたマスクの中のみ、少しサイズ変更した写真が映し出されて、どうなっているのか？とついつい見入ってしまうサイトデザインです。

Works 制作実績

「青色（寒色）」を基調とした
当社の制作実績はこちら

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

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

淡い青が可愛らしいデザイン事例

さかいこども歯科・矯正歯科

https://sakai-kids-dc.com/　（制作：株式会社リーピー）

サイト全体のもくもくとした雲のようなデザインや、丸ゴシック、ラフな印象のイラストから、ポップでかわいい印象を受けます。パステルトーンの青色を用いていることから、清潔感はもちろん、今回ターゲットである「こども」をイメージさせるものになっています。子どもが描いたような、崩れた感じの手書き文字が可愛いですね！

南洲会勝浦クリニック

https://nanshuukai-katsuura.clinic/（制作：株式会リーピー）

リハビリやリウマチ治療などを行う整形外科クリニックのホームページです。優しいトーンの青を基調とし、キャッチーなアイコンなども取り入れた、わかりやすく安心感のあるデザインです。診療科目だけ掲載するのではなく、症状別にどんな治療をするのか事前にサイトで確認できるのも、患者様の不安を取り除く工夫になっています。

深い青が先進性を象徴するデザイン事例

株式会社サンユテクノスプラントエンジニアズ

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

東京都にある環境・エネルギーを中心とする機械等を主に製造している会社のホームページです。トップページの写真の切り替わる動きが特徴的で、クールでスタイリッシュな印象を与えます。サービス紹介では、図を使用することで、何を中心にどんなサービス展開をしているのか、というのがひと目見てわかるサイトデザインとなっています。

システムメトリックス株式会社

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

弊社で制作させていただいた、愛知県名古屋市でCADソフトウェアなどを開発・販売されている企業のコーポレートサイトです。コーポレートカラーのブルーをメインに、細目の直線やフォントで知的さを感じるデザインに仕上げました。製品の特長を数字で見せるコンテンツは、製品や企業をアピールし、顧客の信頼獲得にも一役買っていますね。

差し色で青を引き立たせるデザイン事例

株式会社ササキ

https://sasaki-inc.co.jp/recruit/（制作：株式会社リーピー）

こちらは山梨県と宮崎県に会社を構えるワイヤーハーネスを主に製造している会社の採用サイトです。白・赤・青の3色の配色がとてもかっこよく、自由なレイアウトでデザインされています。奇抜なデザインですが、横から伸びる赤と青の装飾でユーザーの視線を誘導し、ジグザグなレイアウトにすることで、規則性を持たせ、見せたい情報が目に入ってくるよう、サイトデザインを工夫しています。

株式会社エドランド工業

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

弊社で制作させていただいた、株式会社エドランド様のサイトです。差し色で使用しているネイビーがサイト全体を引き締め、クールな雰囲気を醸しています。トップに流れる現場の方の作業風景はひたむきで、技術の高さと「工業のかっこよさ」が伝わってくるようです。

Works 制作実績

「青色（寒色）」を基調とした
当社の制作実績はこちら

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

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

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

冒頭でもお話したように、寒色（ブルー・青系）には「冷たさ」「清潔感」「高級感」を印象づける力があるため、ユーザーに爽やかで誠実なイメージをアピールしたい企業にはぴったりの色です。

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

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

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