2024.11.05 - Tue
Iguchi
「青色(ブルー)」を基調とした”爽快感”あふれるWebデザイン15選!
明るい青色で”爽やかさ”を際立たせたデザイン事例
ジェイエムシー 株式会社
https://www.jmc-ltd.co.jp/ (制作:株式会社リーピー)
斜めに開くローディングから始まり、トップ画面ではキャッチコピーにかかった青いグラデーションが滑らかに動きます。スクロールに合わせて緩やかな線が流れたりと、目線を誘導させる要素が満載です!
株式会社ラーニングエージェンシー
https://newgraduates.learningagency.co.jp/(制作:株式会社リーピー)
こちらは都市部に拠点を置く、人材事業コンサルティングを行う会社の新卒採用サイトです。水色をベースに配色をおこなっており、新卒社員の若々しくフレッシュなイメージがとても伝わってきますね。そして「数字で見る」というセクションが青い円が背景に広がるデザインも、実績をさらにインパクトを与えるものにするための設計に仕上がっています。
株式会社さかえ経営
https://www.sakae-office.com/(制作:株式会社リーピー)
人材労務コンサルティングサービスを展開する株式会社さかえ経営様のサイトを制作いたしました。ファーストビューでは理念を強調して映し出し、さかえ経営様の強みや特徴が一目でわかるようにいたしました。また問い合わせへの足掛かりとなして、ダウンロード資料をわかりやすく設置するなど、戦略的に設計しております。
「青色(ブルー)」を基調とした
当社の制作実績はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,160社以上)
青が「誠実な印象」を打ち出すデザイン事例
税理士法人アイユーコンサルティング
https://www.taxlawyer328.jp/(制作:株式会社リーピー)
税理士法人アイユーコンサルティング様のホームページです。実際の税理士さんの顔をサイトに掲載することで「どんな人が担当になるか不安…」といったユーザーの悩みを解消できる、集客に効果的なサイトデザインを採用しています。
株式会社高島衛生
https://t-eisei.co.jp (制作:株式会社リーピー)
岐阜・羽島エリアを中心に事業を展開する、清掃業者様のホームページを制作させていただきました。ブルー系の配色が爽やかで清潔感を感じさせるデザイン。所々に配置したイラストで、遊び心と可愛らしさを加えています。一般・事業者・自治体と別に入り口を分けてあるので、利用者が迷わずページを選択できますね。トップからお問い合わせフォームまでの導線を短くしているのもポイントです。
河合塗装(株式会社エイトハンズ)
https://kawaaitosou.jp/(制作:株式会社リーピー)
弊社で制作と写真撮影をさせていただいた、河合塗装のホームページです。河合様の優しげな雰囲気を大切に、岐阜県郡上の爽やかな水・山々をイメージした淡いブルーのトーンで統一しています。スライドが、刷毛で塗られているような動きになっているのもポイントです!
株式会社市川工務店
https://www.ic-group.co.jp/recruitment/ (制作:株式会社リーピー)
岐阜県にある株式会社市川工務店様のホームページです。実際に働く人の写真を多く使うことで、会社や仕事の雰囲気を伝え、職人ならではのかっこいい雰囲気が伝わるデザインとなっています。「先輩たちの声」の項目では、写真にカーソルを合わせると表情・ポーズが変化する仕掛けが施されています。
青色の持つ「清潔感」を活かしたデザイン事例
元町デンタルクリニック
https://motomachi-dc.jp/(制作:株式会社リーピー)
岐阜県岐阜市にある歯科医院のホームページです。治療台の写真を中心に置くことで、おしゃれかつ最新のシステムを揃えている印象を与えています。ファーストビューにはロゴマークを大胆に使用していますが、写真の切り抜きを使った加工をしているので、画面の雰囲気とうまく調和するよう制作しました。
医療法人社団青友会
https://www.aoki-naikaganka.com/(制作:株式会社リーピー)
岐阜市にある内科医療専門のホームページです。青色をベースに配色を行い、清潔感と新しさを感じられるクリニックのホームページに仕上げました。クリニックの営業時間を大きく配置して、来院される方にとってわかりやすいレイアウトにデザインしています。
株式会社TKS
https://www.tanakakinzoku.com/(制作:株式会社リーピー)
岐阜県岐阜市でシャワーヘッドの製造・販売や金属加工業をされている企業です。水色と白色を使用し清潔感を演出。全体的にすっきりと見やすくまとまっているデザインです。製品カテゴリ別でボタンがあり、Webサイト内で迷わず目的のページに遷移できるよう設計されています。SNSやメディアでの情報発信を活用し、戦略的な運用をされています。
「先進性」を青色で表現したデザイン事例
株式会社 HPS Link
https://hps-link.com/ (制作:株式会社リーピー)
パズルのように切り替わるスライドショーの一部にコンテナの画像が組み込まれている演出がとってもユニークです。他にも逆方向の横スクロールアニメーションを掛け合わせることで、物流のイメージを一層魅力的に描き出しています。
株式会社新成空調
https://shinsei-duct.com/(制作:株式会社リーピー)
こちらは神奈川県にある空調設備工事・ダクトの製造を主に行っている会社のホームページです。こちらはトップページの図形ゆらゆらと揺れて、本当に風が吹いてるように感じられますね。また採用情報もあわせて掲載していますが、サイトの邪魔をしないデザインテイストにすることで、主業へのクリック率を下げることなく情報を掲載しています。
株式会社協和精機
https://mold-kyowa.co.jp/(制作:株式会社リーピー)
宮崎県にある金型を製造する会社のホームページです。長方形の図形が横に移動し、写真や文字が出現するという動きが特徴的です。また空と海の写真に合わせて馴染むよう、青の色味を調整し、全体的に爽やかさを感じるスタイリッシュなサイトに仕上げました。製造業のイメージがとても明るくなるサイトデザインですね。
差し色で青を引き立たせるデザイン事例
株式会社ササキ
https://sasaki-inc.co.jp/recruit/(制作:株式会社リーピー)
こちらは山梨県と宮崎県に会社を構えるワイヤーハーネスを主に製造している会社の採用サイトです。白・赤・青の3色の配色がとてもかっこよく、自由なレイアウトでデザインされています。奇抜なデザインですが、横から伸びる赤と青の装飾でユーザーの視線を誘導し、ジグザグなレイアウトにすることで、規則性を持たせ、見せたい情報が目に入ってくるよう、サイトデザインを工夫しています。
株式会社サンユテクノスプラントエンジニアズ
https://www.cress-t.com/(制作:株式会社リーピー)
こちらは東京都にある環境・エネルギーを中心とする機械等を主に製造している会社のホームページです。グレーと濃い青をベースに全体的にフラットなデザインでまとまっており、写真のかっこよさが際立っていますね。写真のクオリティはサイトの完成度を上げるために重要な要素なのですが、シンプルなデザインの時は特に必要になってきます。
「青色(ブルー)」を基調とした
当社の制作実績はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,160社以上)
『青色』が持つパワーを最大限に活かす
冒頭でもお話したように、青色には『爽やかさ・冷静さ・誠実さ』といった一丸となってプロジェクトに取り組む企業姿勢をアピールしやすいカラーリングです。特にBtoBをメインで行っている企業であれば、掲載内容とカラーリングが与える相乗効果はより一層高いものになること間違いなしです。
当社では、マーケティング的なホームページ制作だけでなく、専属デザイナーによる「視覚的デザイン」を取り入れたホームページのご提案も行っています。
ホームページから差をつけたい、ワンランク上の法人向けサイトを開設したい企業の方は、ぜひリーピーにお任せください!
※ご紹介しているサイトの中で、「(制作:株式会社リーピー)」と書かれたサイトは当社の制作実績です。その他のサイトは当社の制作実績ではございませんが、デザイン性などが優れているため、事例としてご紹介させて頂きました。制作をされた制作会社様で、掲載の取り消しをご希望の場合は速やかに対処させて頂きますので、当社までご連絡くださいませ。
この記事を書いた人
Iguchi
Webマーケター/コンサルタント 愛知県一宮市出身。学生時代に企業の専属ブロガーを務める傍ら、個人経営の仲介業者・イベントプロモーターとして活動。 リーピー入社後は、Webサイト制作におけるプロジェクトマネージャー経験の後、「成果の出るサイト制作」を支援するSEOマーケターを担当している。
「青色(ブルー)」を基調とした
当社の制作実績はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,160社以上)