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

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

女性・子供向けWebデザインに!「メイン写真にイラストを組み合わせているWebサイト10選」

女性向けや子供向けのwebデザインにおすすめしたいデザイン要素を紹介するコーナー。
毎回1つの要素をピックアップし、実際の事例とともに説明をします。

今回は、「メイン写真にイラストを組み合わせているWebサイト10選」です!
ファーストビューで表示されるメイン写真(動画)にイラストを組み合わせているサイトを紹介します。写真で具体的イメージを伝え、イラストで可愛らしくなったり親しみを感じられるようになるなど、そのサイトの雰囲気を作り上げられるので魅力的に仕上がります。

では、実際にその例を見てみましょう。

切り抜いた写真のフチ沿ってイラストがある事例

写真が形で切り抜かれて、それに合わせるようにイラストが配置されています。

1.NATURAL KITCHEN &

2.mon Lapin(モンラパン)

 

 

写真の上下にイラストがある事例

写真の上下のみにイラストを入れることで、写真を画面いっぱいに見せることができています。

3.もぐし海のこども園

4.MARKEY’S

 

写真の周りにイラストがある事例

写真を囲うように周りにイラストが用いられています。

5.みよし歯科クリニック

6.山手こひつじ保育園

7.横浜きりがおかマタニティクリニック

8.ウェルビューいずみ こども園

 

写真にイラストを重ねている事例

写真の上にイラストが重なっているので、イラストが写真に馴染んでいて綺麗なデザインになっています。

9.B:MING by BEAMSのランディングページ

10.愛甲産婦人科麻酔科医院 愛甲やすらぎ・ひふ科医院

いかがでしたか?紹介した事例のページに飛んでみるとわかると思いますが、ファーストビューと同じテイストのイラストがその後にも続いているものが多く、全体のデザインとしても統一感が出ていてとっても可愛いです。写真の効果、イラストの効果どちらも得られるのでWebサイトの戦略としても使えそうです。

しかし、ただ組み合わせても素敵なデザインになるとは限りません。どう組み合わせたら最適か、どんなイラストを入れるべきか、サイト全体のデザインも難しいポイントです。

見た目が重要であるWebサイト制作は、プロに任せるのが一番です!会話を通してお客様の理想とするデザインへと構築してくれます。

私たちカズミアもwebサイト制作を承っています!特に女性向け・子ども向けなデザインを得意とし、イラストレーターもカメラマンもいますので今回紹介したようなイメージのものも、素敵に仕上げることができると思います。

Webサイトを作りたいと思ったらぜひお問い合わせください。まずは相談だけ…という方でもお気軽にどうぞ!

・Webサイト制作の事例紹介ページ
・Webサイト制作のサービス紹介ページ
・制作のご依頼はこちらから

おすすめ記事

トップへ戻る