icon_top icon_right icon_left arrow_right arrow_left search window heart arrow_curve_right arrow_curve_left amazon google instagram twitter pinterest facebook

Blogブログ“ものづくり”と“ものがたり”を考えるブログ

WEB制作・マーケティング ウェブデザイン

イラストがオシャレなWebデザイン10選

osyare

こんにちは、新人デザイナーの与谷です。
今回はイラストを使ったホームページをまとめてみました。
早速ご紹介していきましょう!

▼目次

・OMO
・mon Lapin
・noma博
・明日葉
・農園 星ノ環
・CLASS ROOM
・アップル小児矯正歯科
・ism
・えがおの森
・カズミア
・まとめ

▼イラストがお洒落なWebサイトデザイン10選

 

 

星野リゾートOMO

omo
https://omo-hotels.com/

「星野リゾートOMO」のWebサイトです。
POPなイラストで見ていてワクワクします。
ホテルなのにイラストをアイキャッチにするって珍しい!!

 

うさぎ専門店モンラパン


https://www.usagi-monlapin.com/

「うさぎ専門店モンラパン」のWebサイト。
アイキャッチのうさぎちゃんがかわいい〜
手描き風のイラストを使用することで、より一層愛らしく感じます。

 

 

「noma博」inららぽーと海老名

noma
https://noma.today/haku/

弊社主催、「nama博」の特設サイト。
アイキャッチから、イベントの賑やかな雰囲気が伝わってきます。

 

 

株式会社明日葉

asitaba
https://www.ashita-ba.jp/

「明日葉保育園」のWebサイト。
イラストのタッチが優しく、保育園らしい雰囲気です。
イラストに動きもあり見ていて楽しいです。

 

農園 星ノ環

hosinowa
http://hoshinowa.com/

「農園 星ノ環」のWebサイト。
イラストと写真がマッチしていて、写真の良さがより伝わってきます。
細部までこだわっていて素敵!
写真のトリミングの仕方が、こういう見せ方もあるんだなと感心します。

 

 

CLASS  ROOM

classroom

https://www.lumine.ne.jp/classroom/
「CLASS  ROOM」のWebサイト。
イラストの雰囲気とwebサイトのデザインに統一感があります!
半分イラストで、半分バナーという見せ方もあるんですね!
すごくまとまっていて、記事をクリックしたくなるサイトです。

 

 

アップル小児科歯科

sika
http://www.appledental.jp/

「アップル小児科歯科」のWebサイト。
優しくて、柔らかい雰囲気で安心感があります!
保育園や、歯医者さんなど、子どもをターゲットにしたwebサイトは、
こういう優しい雰囲気のイラストが多いように感じます!

 

 

ism

ism
http://studio-ism.jp/

「ism」のWebサイト。
イラストアニメーションがすごい凝ってる!!
ローディングページのぴょんぴょん飛んでるイラストも可愛いです。
素敵な世界観。

 

 

えがおの森

egao

http://www.egaono-mori.jp/
「えがおの森プロジェクト」のWebサイト。
メインキャッチはもちろん、ページ下の森のイラストも可愛いです。

カズミア

kazmia

https://www.kazmia.co.jp/

弊社「カズミア」のwebサイトです。
メインキャッチのイラストが動くようになっています。

 

まとめ

いかがでしたか?
ポップなイラストから、手書き風のイラストまで。
イラストの雰囲気によって、サイトの印象も大きく変わりますね。
イラストを使用したWeb制作の参考になれば嬉しいです。

女性向けWEBデザイン集・まとめサイトumeboshiでは、
おしゃれなイラストを使用したwebサイトをたくさん掲載しております。
ぜひ、ご覧くださいませ。

それでは、また。

おすすめ記事

トップへ戻る