2024.02.20 - Tue
Iguchi
明るく親しみやすい!暖色(赤・オレンジ)を使ったWebデザイン集!
赤色で”和”のイメージを打ち出すデザイン事例
カンダまちおこし株式会社
https://www.kanmachi.co.jp/(制作:制作会社リーピー)
十六フィナンシャルグループのまちづくり会社、カンダまちおこし株式会社様のウェブサイトを制作させていただきました。ローカルに回る経済、地方がおもしろくなる引力を起こす、というキーワードを元に、回転して引き合いながら広がっていくアニメーションを使用しました。サイト全体は暖色で統一し、温かみを演出しています。
制作実績ページ:『カンダまちおこし株式会社|コーポレートサイト|制作実績|株式会社リーピー』
備え梅(株式会社バンブーカット)
「備え梅」という、梅干しのブランドサイトです。鮮やかな赤色がぱっと目に入るデザインですね。白と赤の2色のみで構成されたサイトカラーからは、「日本の和」のイメージを感じます。「すっぱい写真館」など、他にはないコンテンツがあるのも特徴的で、ブランディングへの強い思いを感じる洗練されたサイトに仕上がっています。
淡いオレンジが優しい印象を与えるデザイン事例
株式会社馬渕塗工
https://www.mabuchi-tokou.jp/(制作:株式会社リーピー)
こちらも弊社リーピーで制作と写真撮影をさせていただいた岐阜県の塗装会社、馬渕塗工様のホームページです。オレンジ色をメインカラーにすることで、塗装業の温かみと安心感をサイトデザインに踏襲しています。
制作実績ページ:『株式会社馬渕塗工|コーポレートサイト|制作実績|株式会社リーピー』
弊社でのホームページ制作について、工代表の馬渕高広様によるインタビュー記事もあわせてご覧ください。
インタビュー記事:『馬渕高広 様|お客様インタビュー|株式会社リーピー』
一般社団法人Nancy
https://donation.lp.gifu-nancy.org/ (制作:株式会社リーピー)
学校での学びをサポートし、子どもたちが本来持つ柔軟な発想力や行動力を伸ばすために活動している、一般社団法人Nancy様の寄付ランディングページを制作させていただきました。子どもたちが楽しく学べるイメージで、幾何学模様や文房具をモチーフにデザインしています。淡いオレンジと白を基調とし、明るい雰囲気に仕上げました。
制作実績ページ:『一般社団法人Nancy|LP(ランディングページ)|制作実績|株式会社リーピー』
学校法人 寿なとり学園
https://www.natori.ed.jp/(制作:株式会社リーピー)
イラスト混じりのキャッチコピーはかわいらしく、創造性豊かな子供たちにピッタリ。手書き感のあるラフなあしらいもおしゃれですね!写真が折り紙のようにカクカクとした形になっていたり、スクロールする度に新しい発見が見つかる、楽しいサイトとなっています。
制作実績ページ:『学校法人 寿なとり学園|コーポレートサイト|制作実績|株式会社リーピー』
グラデーションを取り入れたデザイン事例
大日コンサルタント株式会社
https://dainichi-consul.co.jp/recruit/(制作:株式会社リーピー)
弊社で制作させていただいた大日コンサルタント株式会社様の採用サイトです。ファーストビューでは、まず赤とオレンジのグラデーションが目を惹きます。手書きのキャッチコピーが画面上で書かれていくアニメーションはワクワク感と温かみを感じさせてくれます。ファーストビュー以下のデザインにもグラデーションを取り入れ、明るくて個性的な雰囲気に仕上げています。幾何学模様のあしらいを入れることで、ポップさも出ています。
制作実績ページ:『大日コンサルタント株式会社|採用サイト|制作実績|株式会社リーピー』
トップ教育センター
https://www.top-kyouiku.co.jp/(制作:株式会社リーピー)
弊社で制作させていただいた、トップ教育センター様のサイトです。手書きのキャッチコピーが、見る人に優しい印象を与えますね。サイト全体はペールトーンで統一しつつ、お問い合わせボタンのグラデーションがかかったオレンジが画面を引き締めているため、ぼんやりとしません。同系統の色を効果的に使い、統一感を演出したデザインです。
制作実績ページ:『トップ教育センター|コーポレートサイト|制作実績|株式会社リーピー』
浅井良工務店
大胆に使われたグラデーションがエレガントなサイトです。オレンジをメインカラーに自然光が印象的な写真が、全体を明るく魅せていますね。レイアウトも、流行の既存の枠に囚われず自由に画像やテキストをレイアウトする「ノングリッドデザイン」で、おしゃれなホームページになっています。
オレンジでナチュラルな雰囲気を演出したデザイン事例
岐阜アグリフーズ
https://shop.gaf.co.jp/(制作:株式会社リーピー)
無添加のスキンケアなどの商品を取り扱うECサイトです。「一家にひとつ、常備されているクリーム」のイメージを伝えるため、全ての人に受け入れられるようシンプルなイメージで構成し、オレンジをアクセントに取り入れた温かみのあるデザインとなっています。写真まわりにはコットンや観葉植物を添えることで、キャッチコピーにもある、天然由来やオーガニックの「やさしさ」を表現していますね!
制作実績ページ:『岐阜アグリフーズ|ECサイト|制作実績|株式会社リーピー』
キッチンLABO(株式会社ハウジング重兵衛)
https://kitchenlabo.jp/ (制作:株式会社リーピー)
木目のテクスチャと淡いオレンジをデザインに使用し、温かでナチュラルな雰囲気に仕上げています。手書きの筆記体のような英字フォントをポイントに使用することで、カジュアルな軽さもプラス。手書きのイラストも可愛らしく、重たくなりすぎず、気軽にお問い合わせできるデザインです。
制作実績ページ:『キッチンLABO|サービスサイト|制作実績|株式会社リーピー』
エネルギッシュなオレンジを取り入れたデザイン事例
株式会社P.D.R(ピーディーアール)
https://www.pdr.co.jp/(制作:株式会社リーピー)
弊社で制作させていただいた、株式会社ピーディーアール様のホームページです。エネルギッシュなオレンジが目を引きますね。サイトの随所には歯のシルエットや歯ブラシのイラストを散りばめ、一目で取り扱い商品がわかるようんにいたしました。「取扱商品のご紹介」では、ゲーム感覚でニーズにぴったりの商品を探せる設計が特徴的。商品説明も充実しているので、お客様にも安心して購入いただけますね。
制作実績ページ:『株式会社ピーディーアール|コーポレートサイト|制作実績|株式会社リーピー』
ココサウナ(株式会社JOE)
https://www.cocosauna.jp/(制作:株式会社リーピー)
山梨県甲斐市にある個室サウナ「ココサウナ」のWebサイトを制作させていただきました。鮮やかな色使いが印象的な、力強くインパクトのあるデザインです。徐々に変化するオレンジ色はまるでサウナの熱気や体内をめぐる血液のよう。ロウリュの蒸気をイメージしたアニメーションなど、サウナ好きの心をくすぐるユニークな工夫も満載です。
制作事例ページ:『株式会社JOE|ブランドサイト・サービスサイト|制作実績|株式会社リーピー』
『暖色』が持つイメージを武器にする
冒頭でもお話したように、暖色(赤・オレンジ系)には「温かさ」「元気」「情熱」を印象づける力があるため、ユーザーにポジティブで明るいイメージをアピールしたい企業にはぴったりの色です。
当社では、マーケティング的なホームページ制作だけでなく、専属デザイナーによる「視覚的デザイン」を取り入れたホームページのご提案も行っています。
ホームページから差をつけたい、ワンランク上の法人向けサイトを開設したい企業の方は、ぜひリーピーにお任せください!
※ご紹介しているサイトの中で、「(制作:株式会社リーピー)」と書かれたサイトは当社の制作実績です。その他のサイトは当社の制作実績ではございませんが、デザイン性などが優れているため、事例としてご紹介させて頂きました。制作をされた制作会社様で、掲載の取り消しをご希望の場合は速やかに対処いたしますので、当社までご連絡くださいませ。
この記事を書いた人
Iguchi
Webマーケター/コンサルタント 愛知県一宮市出身。学生時代に企業の専属ブロガーを務める傍ら、個人経営の仲介業者・イベントプロモーターとして活動。 リーピー入社後は、Webサイト制作におけるプロジェクトマネージャー経験の後、「成果の出るサイト制作」を支援するSEOマーケターを担当している。