2024.02.20 - Tue
Iguchi
カラフルで目を惹く!大人も子供も親しみやすいWebデザイン13選!
カラフルなイラストが華やかなデザイン事例
社会福祉法人舟伏
https://www.funabuse.or.jp/(制作:株式会社リーピー)
弊社で制作させていただいた社会福祉法人舟伏様のサイトです。柔らかい色調の黄色を背景色に据え、イラストのグリーンを鮮やかに引き立てます。補色にあたるこの2色を配色のメインとすることで、イラストなどの要素や差し色がが多い場合でも、スッキリと画面をまとめられます。
制作実績ページ:『社会福祉法人舟伏|コーポレートサイト|制作実績|株式会社リーピー』
株式会社クルコム
https://clecom.jp/(制作:株式会社リーピー)
PLM導入支援・システム開発を行っているクルコム様のWebサイトを制作させていただきました。IT業界にはちょっと珍しい、淡いパステルカラーを用いたデザインです。斜めに流れるグラデーションの装飾で事業の先進性(≒技術力)を演出しています。パステルカラーは柔らかい印象を与えたい場合に効果的ですが、一方でぼんやりとしてしまいがち。こうした鮮やかなアクセントが加わるだけで、全体がグッと引き締まりますね。
制作事例ページ:『株式会社クルコム|コーポレートサイト|制作実績|株式会社リーピー』
ぎふ木遊館
https://leapy.jp/works/servicesite/mokuyukan-pref-gifu-lg/(制作:株式会社リーピー)
北欧風のイラストと優しいブラウンが、サイト全体を優しい雰囲気でまとめ上げています。あくまでブラウンがベースですが、随所に散りばめられたカラフルなイラストが、画面を賑やかで楽しい印象にしています。木の枝が組み合わさったようなフォントも可愛らしく、とても親しみが持てますね。
制作実績ページ:『ぎふ木遊館|サービスサイト|制作実績|株式会社リーピー』
ビタミンカラーを多用したデザイン事例
サイエンスワールド(岐阜県先端科学技術体験センター)
https://www.sw-gifu.com/ (制作:株式会社リーピー)
科学を楽しく学ぶ体験型施設、サイエンスワールド(岐阜県先端科学技術体験センター)様のホームページを制作させていただきました。大胆なかたちや鮮やかな配色、サイト中に「科学」や「学び」を感じられるモチーフを散りばめ、サイエンスワールドをまだ知らないユーザーにも楽しくわくわくするような雰囲気を伝えられるデザインに仕上げました。
制作実績ページ:『岐阜県先端科学技術体験センター|サービスサイト|制作実績|株式会社リーピー』
株式会社P.D.R(ピーディーアール)
https://www.pdr.co.jp/(制作:株式会社リーピー)
弊社で制作させていただいた、株式会社ピーディーアール様のホームページです。歯のシルエットや歯ブラシのイラストを使い、一目で取り扱い商品がわかるデザインになっています。「取扱商品のご紹介」では、ゲーム感覚でニーズにぴったりの商品を探せるよう設計しています。商品説明も充実しているので、お客様にも安心して購入いただけますね。
制作実績ページ:『株式会社ピーディーアール|コーポレートサイト|制作実績|株式会社リーピー』
魚動クライミングジム
http://www.gyodoclimbing.jp/(制作:株式会社リーピー)
黄と青は、互いの色を引き立てあう「補色」という関係にあり、クールで見栄えがいい配色です。その補色関係が活かされたこちらのホームページは、三角のパターンが入ったイエローがとても鮮やかですね。ジムの名前のとおり、お魚がゆらゆら泳いでいたり、小物がちょこちょこ動いていたり、にぎやかなデザインです。
制作実績ページ:『魚動クライミングジム|コーポレートサイト|制作実績|株式会社リーピー』
学校法人 寿なとり学園
https://www.natori.ed.jp/(制作:株式会社リーピー)
イラスト混じりのキャッチコピーはかわいらしく、創造性豊かな子供たちにピッタリ。手書き感のあるラフなあしらいもおしゃれですね!写真が折り紙のようにカクカクとした形になっていたり、スクロールする度に新しい発見が見つかる、楽しいサイトとなっています。
制作実績ページ:『学校法人 寿なとり学園|コーポレートサイト|制作実績|株式会社リーピー』
株式会社松浦紙器製作所
https://poppybox.jp/(制作:株式会社リーピー)
オープニングアニメーションではPoppy Boxを開く様子が演出されており、どのような商品なのかがわかりやすくなっています。サイトのいたるところにかわいらしいアニメーションが施されているため、スクロールするのが楽しくなりますね。カラフルな色使いや丸みを帯びたフォントから子供っぽさを感じられ、ターゲット層にマッチしたデザインとなっています。
制作実績ページ:『PoppyBox(株式会社松浦紙器製作所)|ブランドサイト・サービスサイト|制作実績|株式会社リーピー』
パステルカラーが優しい印象を生み出すデザイン事例
認定特定非営利活動法人ぎふハチドリ基金( 認定特定非営利活動法人ぎふハチドリ基金)
https://minnano-hachidori.jp/(制作:株式会社リーピー)
さかいこども歯科・矯正歯科
https://sakai-kids-dc.com/ (制作:株式会社リーピー)
サイト全体のもくもくとした雲のようなデザインや、丸ゴシック、ラフな印象のイラストから、ポップでかわいい印象を受けます。柔らかい水色は優しいだけでなく、歯医者さんらしい清潔感を見る人に伝えます。サイトを見たお母さん・お父さんだけでなく、お子さんも安心できるような雰囲気に仕上げました。
制作実績ページ:『さかいこども歯科・矯正歯科|コーポレートサイト|制作実績|株式会社リーピー』
オギケン株式会社
https://ogiken-gifu.co.jp/(制作:株式会社リーピー)
弊社制作させていただいた、岐阜県で塗装を行われている会社様のサイトです。若干くすみがかったオレンジを随所に使用し、全体的に柔らかい雰囲気でまとめました。塗装で使用する刷毛や缶がボタンに使用されているのも可愛らしく、遊び心を感じます。お問い合わせへの導線はわかりやすくし、成果にもつながりやすい設計にいたしました。
制作実績ページ:『オギケン株式会社|コーポレートサイト|制作実績|株式会社リーピー』
河川環境楽園(河川環境楽園イベント実行委員会)
https://kankyorakuen.jp/(制作:株式会社リーピー)
アクア・トトぎふ、木曽川水園・自然発見館、オアシスパークからなる複合レジャー施設、「河川環境楽園」のサイトを制作させていただきました。遊ぶ、食べる、学ぶ、買うなど、大人から子供まで楽しめる情報が盛りだくさん。ポップなデザインとも相まって、見ているだけで楽しみが広がっていくサイトです。「だれと?」「目的は?」など検索条件も充実しており、対象年齢まで絞り込めるので、小さなお子さんを連れている方でも安心ですね。
制作実績ページ:『河川環境楽園イベント実行委員会|ポータルサイト・メディア・情報サイト|制作実績|株式会社リーピー』
色明度を抑えてモダンに仕上げたデザイン事例
BOTCHAN(株式会社 アンド・コスメ) 様
個性と向き合い、自分を演出する男性たちに向けた、天然植物由来成分にこだわったスキンケアブランドです。ファーストビューでインパクトのある写真とアーティスティックなデザインが目を引きます。多彩な色使いや、自由な筆の動きを感じるイラスト、アニメーションの動き、動きを感じるロゴマークなどあらゆる要素から遊び心を感じますね。
『カラフル』が持つイメージを駆使する
冒頭でもお話したように、カラフル(多色)には「ポップさ」「賑やかさ」「可愛らしさ」を印象づける力があるため、特に華やかなで明るいイメージをアピールしたい企業にはぴったりの色です。当社では、マーケティング的なホームページ制作だけでなく、専属デザイナーによる「視覚的デザイン」を取り入れたホームページのご提案も行っています。ホームページから差をつけたい、ワンランク上の法人向けサイトを開設したい企業の方は、ぜひリーピーにお任せください!
※ご紹介しているサイトの中で、「(制作:株式会社リーピー)」と書かれたサイトは当社の制作実績です。その他のサイトは当社の制作実績ではございませんが、デザイン性などが優れているため、事例としてご紹介させて頂きました。制作をされた制作会社様で、掲載の取り消しをご希望の場合は速やかに対処いたしますので、当社までご連絡くださいませ。
この記事を書いた人
Iguchi
Webマーケター/コンサルタント 愛知県一宮市出身。学生時代に企業の専属ブロガーを務める傍ら、個人経営の仲介業者・イベントプロモーターとして活動。 リーピー入社後は、Webサイト制作におけるプロジェクトマネージャー経験の後、「成果の出るサイト制作」を支援するSEOマーケターを担当している。