2024.10.30 - Wed
Iguchi
「青・緑」を基調とした、爽やかで清潔感のあるWebデザイン集!
青緑色を活かした”爽やかな”デザイン事例
くまだ眼科クリニック
https://www.kumada-ganka.com/(制作:株式会社リーピー)
岐阜市にある、くまだ眼科クリニック様のホームページです。高い技術力や信頼感を大切にしつつ、患者様に安心していただけるよう、親しみやすい雰囲気も表現しています。診療時間やクリニックへの行き方がすぐにわかるよう、右側に固定のボタンも設置させていただきました。
ELIO(アースシグナル株式会社)
https://es-elio.com/(制作:株式会社リーピー)
電気自動車専門カーシェアリングサービス「ELIO(エリオ)」のWebサイトを制作させていただきました。電気自動車の持つクリーンかつ未来的なイメージを、グリーンとブルーのグラデーションで表現。濃淡の異なる2種類のグラデーションを使い分けることで、メリハリのある画面を構成しています。電気自動車をより身近に感じてもらえるよう、事業の拠点である川越市にまつわる写真を取り入れているのもポイントです。
Bollina(TKS株式会社)
https://bollina.jp/(制作:株式会社リーピー)
シャワーヘッド「Bollina」のLP(ランディングページ)を制作させていただきました。明るいシャワールームを想起させるようなクリアでみずみずしいデザイン。水面がきらめくようなホバーアクションも商材とぴったりですね。サイト背景にはグリーンとブルーを使ったグラデーションを用いていますが、少しくすんだトーンにすることで上品で落ち着いた雰囲気に仕上げています。
「青色」を基調とした
当社の制作実績はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,150社以上)
緑色のもつナチュラルな印象を活用したデザイン事例
社会福祉法人舟伏
https://www.funabuse.or.jp/(制作:株式会社リーピー)
弊社で制作させていただいた社会福祉法人舟伏様のサイトです。イラストやアイコンのグリーンがとても鮮やかで、印象的です。背景のオブジェクトには黄色を用いており、補色にあたるこの2色を配色のメインとすることで、スッキリと画面をまとめています。アウトラインのないイラストがモダンで、デザインのトレンドもしっかりと押さえたサイトになっています。
ぎふ木遊館
https://www.mokuyukan.pref.gifu.lg.jp/(制作:株式会社リーピー)
北欧風のイラストと優しいブラウンが、サイト全体を優しい雰囲気でまとめ上げています。随所に散りばめられたイラストは多様な色相のグリーンで彩られ、画面を賑やかで楽しい印象にしています。木の枝が組み合わさったようなフォントも可愛らしく、とても親しみが持てますね。
伊藤はり・きゅう院|コーポレートサイト
https://itouharikyu.com/(制作:株式会社リーピー)
弊社で制作させていただいた、伊藤はり・きゅう院様のサイトです。柔らかいシェイプのオブジェクトと、爽やかな青みがかったグリーンの親和性が高く、見ていて心地がいいです。ナチュラルな清潔感が、見る人を安心させてくれますね。また丸みを帯びたフォントは可読性が高く、サイトの印象を損なうことなくユーザビリティの向上を実現しています。
クリアな青色が「誠実さ」を演出するデザイン事例
ジェイエムシー 株式会社
https://www.jmc-ltd.co.jp/ (制作:株式会社リーピー)
斜めに開くローディングから始まり、トップ画面ではキャッチコピーにかかった青いグラデーションが滑らかに動きます。スクロールに合わせて緩やかな線が流れたりと、目線を誘導させる要素が満載です!
河合塗装(株式会社エイトハンズ)
http://8hands.jp/(制作:株式会社リーピー)
弊社で制作と写真撮影をさせていただいた岐阜県の塗装会社、河合塗装様のホームページです。河合様の優しげな雰囲気を大切に、岐阜県郡上の爽やかな水・山々をイメージした淡いブルーのトーンで統一しています。こちらをまっすぐに見つめるトップの写真は、親しみを生むとともに誠実な印象づくりにも一役買っています。
「青色」を基調とした
当社の制作実績はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,150社以上)
青で「清潔感」を訴求するデザイン事例
秋川臨床デンタルクリニック
https://akigawa-dental.jp/ (制作:株式会社リーピー)
青を基調とした、シンプルなデザインで、清潔感のあるデザインです。トップの写真が診療へのひたむきさを想起させ、信頼感を生みますね。そこに加え、サイトの配色に据えられたブルーは、歯医者さんらしい清潔感を演出しています。症状別に、考えられる原因や治療の方法など紹介されているので、事前にどんな治療になるのかイメージすることができ、来院時も安心して相談できる配慮がなされています。
佐藤歯科医院
https://www.dentist-sato.com/(制作:株式会社リーピー)
岐阜県美濃加茂市にある佐藤歯科医院様のホームページです。真剣な眼差しでお仕事に向き合うトップの写真がとても印象的。実際の治療の様子がわかるので、より安心感が伝わりますね。ページ全体は白色が基調のデザインとなっており、デンタルクリニックらしい「爽やかな印象」を受けますね!
明るい青が幅広い年齢層に親しみやすいデザイン事例
さかいこども歯科・矯正歯科
https://sakai-kids-dc.com/ (制作:株式会社リーピー)
サイト全体のもくもくとした雲のようなデザインや、丸ゴシック、ラフな印象のイラストから、ポップでかわいい印象を受けます。柔らかい水色は優しいだけでなく、歯医者さんらしい清潔感を見る人に伝えます。サイトを見たお母さん・お父さんだけでなく、お子さんも安心できるような雰囲気に仕上げました。
南洲会勝浦クリニック
https://nanshuukai-katsuura.clinic/(制作:株式会リーピー)
リハビリやリウマチ治療などを行う整形外科クリニックのホームページです。優しいトーンの青を基調とし、キャッチーなアイコンなども取り入れた、わかりやすく安心感のあるデザインです。診療科目だけ掲載するのではなく、症状別にどんな治療をするのか事前にサイトで確認できるのも、患者様の不安を取り除く工夫になっています。
彩度を落とした青から「知的・信頼感」を感じさせるデザイン事例
有限会社上林塗装
https://www.nurishi.jp/ (制作:株式会社リーピー)
こちらは埼玉県秩父市にある有限会社上林塗装様のホームページです。メイン配色のくすんんだ青に加え、秩父で有名な「芝桜」をイメージした、ダルトーンのピンクを差し色に使用したデザインです。職人さんの姿を収めた写真をメインに使用し、実際に施工姿を見せ、安心感を訴求します。仕事の丁寧さと信頼感ををユーザーに感じていただけますね。
元町デンタルクリニック
https://motomachi-dc.jp/(制作:株式会社リーピー)
セリフ体の英語を大きく使用し、グレイッシュなブルー系のトーンでまとめたスタイリッシュでクールなデザインです。どこか高級感すら感じる仕上がりになっていますね。トップページの写真は、ロゴの形にかけられたマスクの中のみ、少しサイズ変更した写真が映し出されて、どうなっているのか?とついつい見入ってしまうサイトデザインです。
システムメトリックス株式会社
https://www.systemmetrix.com/(制作:株式会社リーピー)
弊社で制作させていただいた、愛知県名古屋市でCADソフトウェアなどを開発・販売されている企業のコーポレートサイトです。コーポレートカラーのブルーをメインに、細目の直線やフォントで知的さを感じるデザインに仕上げました。製品の特長を数字で見せるコンテンツは、製品や企業をアピールし、顧客の信頼獲得にも一役買っていますね。
株式会社サンユテクノスプラントエンジニアズ
https://www.sanyu-p.com/(制作:株式会社リーピー)
東京都にある環境・エネルギーを中心とする機械等を主に製造している会社のホームページです。メイン配色の群青が、トップ写真の色味と相まって、重厚な雰囲気を醸しています。トップページの写真の切り替わる動きが特徴的で、クールでスタイリッシュな印象を与えますね。配色から事業の「先進性」を感じるサイトデザインです。
「青色」を基調とした
当社の制作実績はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,150社以上)
『青緑色』が持つイメージを駆使する
冒頭でもお話したように、青緑色(ブルーグリーン)には「新鮮さ」「清潔感」を印象づける力があるため、ユーザーに爽やかなイメージをアピールしたい企業にはぴったりの色です。
当社では、マーケティング的なホームページ制作だけでなく、専属デザイナーによる「視覚的デザイン」を取り入れたホームページのご提案も行っています。
ホームページから差をつけたい、ワンランク上の法人向けサイトを開設したい企業の方は、ぜひリーピーにお任せください!
※ご紹介しているサイトの中で、「(制作:株式会社リーピー)」と書かれたサイトは当社の制作実績です。その他のサイトは当社の制作実績ではございませんが、デザイン性などが優れているため、事例としてご紹介させて頂きました。制作をされた制作会社様で、掲載の取り消しをご希望の場合は速やかに対処いたしますので、当社までご連絡くださいませ。
この記事を書いた人
Iguchi
Webマーケター/コンサルタント 愛知県一宮市出身。学生時代に企業の専属ブロガーを務める傍ら、個人経営の仲介業者・イベントプロモーターとして活動。 リーピー入社後は、Webサイト制作におけるプロジェクトマネージャー経験の後、「成果の出るサイト制作」を支援するSEOマーケターを担当している。
「青色」を基調とした
当社の制作実績はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,150社以上)