デザイナーが選ぶ！ポップでかわいいホームページ・webデザイン14選！

 手書き風のあしらいが親しみを生むデザイン事例

学校法人 寿なとり学園

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

イラスト混じりのキャッチコピーはかわいらしく、創造性豊かな子供たちにピッタリ。手書き感のあるラフなあしらいもおしゃれですね！写真が折り紙のようにカクカクとした形になっていたり、スクロールする度に新しい発見が見つかる、楽しいサイトとなっています。

ハッピーガーデン

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

サイト内でアクセントとして使われている植物のイラストが、サイトに心地よい温もりをもたらしています。オレンジや緑など、彩度が高くフレッシュな色使いは明るい印象がありますよね。イラストと人々の笑顔の写真が調和して、エクステリアがもたらすハッピーな空間を演出しています。

Works 制作実績

「ポップ」をテーマとした
当社の制作実績はこちら

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

• 「ポップ」な事例一覧
• 会社資料を見る

ポップなイラストが親しみやすいデザイン事例

社会福祉法人舟伏

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/（制作：株式会社リーピー）

黄と青は、互いの色を引き立てあう「補色」という関係にあり、クールで見栄えがいい配色です。その補色関係が活かされたこちらのホームページは、三角のパターンが入ったイエローがとても鮮やかですね。ジムの名前のとおり、お魚がゆらゆら泳いでいたり、小物がちょこちょこ動いていたり、にぎやかなデザインです。

Works 制作実績

「ポップ」をテーマとした
当社の制作実績はこちら

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

• 「ポップ」な事例一覧
• 会社資料を見る

パステルカラーが優しい雰囲気のデザイン事例

認定特定非営利活動法人ぎふハチドリ基金（ 認定特定非営利活動法人ぎふハチドリ基金）

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

認定特定非営利活動法人ぎふハチドリ基金様の寄付支援ポータルサイトを制作させていただきました。寄付支援ポータルサイトのため、彩のあるイラストを使い、温かい印象を持つように作られています。ハチドリが花をつつく様子や、図形が動くアニメーションなど、細かい動きも楽しむことができます。

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

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

サイト全体のもくもくとした雲のようなデザインや、丸ゴシック、ラフな印象のイラストから、ポップでかわいい印象を受けます。柔らかい水色は優しいだけでなく、歯医者さんらしい清潔感を見る人に伝えます。サイトを見たお母さん・お父さんだけでなく、お子さんも安心できるような雰囲気に仕上げました。

オギケン株式会社

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

弊社制作させていただいた、岐阜県で塗装を行われている会社様のサイトです。若干くすみがかったオレンジを随所に使用し、全体的に柔らかい雰囲気でまとめました。塗装で使用する刷毛や缶がボタンに使用されているのも可愛らしく、遊び心を感じます。お問い合わせへの導線はわかりやすくし、成果にもつながりやすい設計にいたしました。

河川環境楽園（河川環境楽園イベント実行委員会）

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

アクア・トトぎふ、木曽川水園・自然発見館、オアシスパークからなる複合レジャー施設、「河川環境楽園」のサイトを制作させていただきました。遊ぶ、食べる、学ぶ、買うなど、大人から子供まで楽しめる情報が盛りだくさん。ポップなデザインとも相まって、見ているだけで楽しみが広がっていくサイトです。「だれと？」「目的は？」など検索条件も充実しており、対象年齢まで絞り込めるので、小さなお子さんを連れている方でも安心ですね。

『アニメーション』がポップで可愛いデザイン事例

株式会社松浦紙器製作所

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

オープニングアニメーションではPoppy Boxを開く様子が演出されており、どのような商品なのかがわかりやすくなっています。サイトのいたるところにかわいらしいアニメーションが施されているため、スクロールするのが楽しくなりますね。カラフルな色使いや丸みを帯びたフォントから子供っぽさを感じられ、ターゲット層にマッチしたデザインとなっています。

株式会社岐阜バッテリー販売

https://www.tb-battery.com/（制作：制作会社リーピー）

現在、トレンドのアイソメトリックと呼ばれる立体感のあるイラストが特徴的ですね！車が動くアニメーションまで施されており、とてもかわいらしいポップな印象を感じられます。バナーを閉じるボタンには車輪が回っている様子を連想させるような動きが実装されており、サイト全体の雰囲気ととてもマッチしています。

Works 制作実績

「ポップ」をテーマとした
当社の制作実績はこちら

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

• 「ポップ」な事例一覧
• 会社資料を見る

「ポップさ」を駆使して、
分かりやすく、楽しげなホームページデザインに

冒頭でもお話ししたように、ポップには「賑やかさ」「可愛らしさ」を演出する力があるため、ユーザーに明るいイメージをアピールしたい企業にはぴったりなテイストです。当社では、売上げ向上を踏まえた戦略的Webサイト制作はもちろん、専属デザイナーによる「視覚的デザイン」を取り入れたホームページのご提案も行っておりますので、

• 競合とホームページから差をつけたい！
• ワンランク上の法人向けサイトを開設したい！
• その業界において「地域No.1」を目指したい！

という企業の方は、ぜひ一度リーピーのWebサイト制作にお任せください！

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