Blog ブログ

お問合せ・ご相談

与える印象が変わる!ホームページデザイン ーイラストを使ったHP篇ー

デザイン

2022-06-03

イラストを使ったHP

こんにちは!CLスタッフIです。
以前HPをデザインに着目して、信頼感のあるHPについてご紹介しました。
与える印象が変わる!ホームページデザイン ー信頼感のあるHP篇ー


今回は最近増えているような。。。かつおしゃれで目を引く「イラストを使ったHP」をご紹介します!
写真を使用するHPが多い中、イラストメインというと少し勇気がいるものです。ですが、どんなイラストを、どのように使うのかによって写真以上に効果的で魅力的なHPになります!


1.イラストをHPに使用するメリット


①温かみ・親しみやすさが表現できる
 イラストを使用している。これだけで親しみやすさを感じます。
 写真をただ並べるよりもあたたかな印象、優しい印象を与えることがより効果的にできます。


②社員の顔出しをしなくてもOK
 最近のHPでは社員のインタビューや、紹介ページを設けるHPが多くなっています。
 その一方でお客様に伺うと、社員の顔出しはできれば避けたい。。。や、会社の
 写真がほとんどない。。。という声もよく聞きます。
 写真が少なくてもイラストでその会社のイメージ、雰囲気を表現することは十分可能です。

③より分かりやすく、伝わりやすくなる
 テキストだけでは伝わりづらい内容はイラストをつけることでよりイメージしやすくなります。また、写真では難しい動きを加えることができるため、イラストを動かしてワクワク感や躍動感を直感的に伝えることがきます。


2.イラストを効果的に使用したHP4選


①有限会社いばら

  https://www.cars-ibara.com/


 


中古車販売・整備の会社です。

Creative.LABで制作したHPですが、地域密着が1つの魅力である会社さんだったので親しみやすさと、ターゲットに女性が含まれていることから、

シンプルでおしゃれ感のある、かつ色もつけて温かみを表現した線画を使用しています。

サービスフローにも同様のイラストを使用してよりイメージしやすく、いばらさんの親切・丁寧なサービスを表しています。



②学校法人 清香学園  かえで保育園 

 https://seiko-kodomo.jp/kaede/ 



子供・その親世代をターゲットにしたHPにイラストはよく使用されています。

その中でもこちらのHPで使用されているイラストのテイストは切り絵のような、スタンプのような、絵本のような可愛らしいデザインです。

子供にとっても親しみやすく、大人からみてもおしゃれで保育園の温かさが伝わってきます。TOPだけでなく、お知らせコンテンツが手紙のようなデザインになっていたり、かえでのイラストが子供たちの小さな手に見えたり、細部にデザイン性が感じられる素敵なHPです。



③株式会社Roots
 https://rts.tokyo/



スタッフ紹介にイラストが使用されている、ユニークなデザインです。
本人の写真でなくても、なんとなくスタッフさんたちの明るさやあたたかさが伝わってきます。

HP自体の構成やレイアウトはシンプルですが、デザインで会社のイメージやイベントコンサルティング会社ならではのわくわく感も感じられます。



④有限会社ビーネイチャー    

 https://kids-ns.goldwin.co.jp/



写真メインですが、イラストとのバランスが絶妙なHPです。   

イラストも各所に使用されてはいますが、写真も大きく配置されていて、仮にイラストがなかったとしても、おしゃれでかっこいいHPが成立しています。

ですが、活動内容に即したイラストをプラスすることで、何のHPなのかがよりイメージしやすくなります。

またこどもが見てもより目を引くデザインになります。

3.まとめ


いかがでしたでしょうか。イラストを使ったHPと聞くと、会社のイメージが変わってしまう、かっこよくならないんじゃないか。。。というイメージを持たれがちですが、
イラストのテイスト、どの位使用するのか、写真とのバランスで全く違ったHPが
できます。イラストを使用することで訪問者の印象に残りやすいのも確かです。
HPのリニューアルをご検討の際はぜひ参考にしてみてください。


新潟県内・県外問わず映像制作・Web制作・オンライン配信承ります!

Creative.LABならワンストップ対応