イラストを使ったホームページ・Webデザイン事例

illust

イラストを使ったホームページ・Webデザインをお考えの方へ
配色や構成などのデザインが参考になるホームページ・Webサイトをまとめました

WEBメディア

UI・UXの完成度が非常に高い「生活定点」のデザイン例

博報堂の研究所が24年分の生活者の観測データ約1,500項目を公開しているメディア。 丸みを帯びたフォントで、メインビジュアルはポリゴン状の幾何学模様が動作し続け、視覚的に定点観測というメディア色を高めている。こういったアニメーション...

WEBメディア

東京都港区赤坂5-3-1

学校・大学

日本大学生の食品ビジネス学科特設サイトのデザイン例

アイコンが多用されたポップで可愛らしいホームページ。 メインビジュアルは最初表示されずに、おにぎりが転がって来て、いくつかのスライド写真が表示される仕組み。スライド写真の切り替えのアニメーションも他では見ないような特徴的な動き方をして...

学校・大学

神奈川県藤沢市亀井野1866

整体・整骨院

中国鍼灸のホームページデザイン例

メインビジュアルでは施術風景の中国絵画を中心に、右側にキャッチコピー、左側にロゴとメニューという独特な構成になっている。中国のイメージカラーでもある赤色が効果的に使われており、フォントも中国風になっていたりと、非常に凝った作りになっている。...

整体・整骨院

大阪府大阪市都島区中野町5丁目3-13

法律事務所・弁護士

松山市にあるイラストが可愛い法律事務所のホームページデザイン例

イラストが多用された可愛らしいホームページ。法律事務所という取っ付きにくいイメージを払拭するようなデザイン。フォントはWebフォントを使って丸っぽい可愛いフォントを使っている。親近感(話しやすさ)・安心感などを演出することに成功している。 ...

法律事務所・弁護士

愛媛県松山市歩行町1-8-3

病院・クリニック

福岡県にあるオシャレな形成外科のホームページデザイン例

イラストを効果的に使い優しい印象を与えているホームページ。 ホームページの随所に動きがあり、閲覧していてワクワクするような構成になっている。左側にあるグローバルナビゲーションにマウスを載せると下記のようにアイコンにも動きをつけている。...

病院・クリニック

福岡県大野城市東大利2-4-16

病院・クリニック

細部まで非常にクオリティの高いクリニックのホームページデザイン例

ファーストビューは至って普通のデザインだが、「初めての方」「メニュー」「スタッフ紹介」などの下層ページが非常に丁寧に作り込まれており、クオリティが高い。 縦書きでWebフォントを使って見出しを作成し、スマホでは横書き表示に変更したり、...

病院・クリニック

愛知県名古屋市中区金山3丁目12番5号

病院・クリニック

名古屋市にあるクリニックのホームページデザイン例

予約システムが搭載された治療院のホームページ。シンプルでイラストと写真を多用し、緑色と茶色の2色でデザインされている。レスポンシブ対応しており、スマホで見ても最適化した状態で表示される。 アクセスマップでは駅から医院までの道のりを動画...

病院・クリニック

愛知県名古屋市中区栄1丁目25-28

保育園・幼稚園

秋田市にある手書き風な保育園のホームページデザイン例

とにかく素材感・手書き感溢れるデザインで、子供をターゲットにしていることが一目でわかるデザインになっている。メインビジュアルのスライドの工夫が面白く、ついつい写真をスライドさせてしまう。 GIFアニメーションなどが効果的に使われており...

保育園・幼稚園

秋田県秋田市泉菅野二丁目17-27

保育園・幼稚園

静岡県にあるイラストが可愛い保育園のホームページデザイン例

イラストが多用された非常にポップで可愛いホームページ。色数が多く見ていて楽しいデザインになっている。背景は画像を使っているが素材感があり、CSSだけでは表現できない味が出ている。 フォトアルバムというページでは、会員のみ閲覧できるよう...

保育園・幼稚園

静岡県藤枝市駿河台2-13-2

歯科医院

岐阜県にある可愛い歯医者のホームページデザイン例

メインビジュアルで街のイラストが使われており、色数が多く、文字が丸みを帯びているためポップなデザインとなっている。インプラントは女性が多く利用する治療なので、恐らく女性をターゲットにデザインされたのだろうが、とても可愛いホームページに仕上が...

歯科医院

岐阜県各務原市上戸町1-1

歯科医院

子供やイラストが多用された歯医者のホームページデザイン例

子供の写真や可愛いイラストが多用された、保育園や音楽教室のようなホームページ。ちょっと色数が多く、ごちゃごちゃしている印象だが、ポップで可愛い印象を与えている。 楽天のホームページはドンキーホーテのようにデザインが派手でごちゃごちゃし...

歯科医院

岐阜県可児郡御嵩町古屋敷172-1

司法書士

港区にある司法書士・行政書士事務所のホームページデザイン例

2色の青色でデザインされたクオリティが非常に高いホームページ。メインビジュアルのイラストはスライドする形式となっており、スライドに伴ってキャッチコピーが切り替わる仕組みになっている。 イラストは素材によっては安っぽい印象を与えがちだが...

司法書士

東京都港区東麻布三丁目6番5号麻布ビル1F

税理士

ひかり税理士法人のホームページデザイン例

青系統の色でまとめられた色数が少ないホームページ。シンプルで各ナビゲーションがわかりやすく、ユーザに優しい設計となっている。 また余白の取り方、縦書きの入れ方などが上手に工夫されおり、イラストを多用したデザインなので優しい印象を与えて...

税理士

京都市中京区東洞院通竹屋町下るひかりビル

整体・整骨院

新宿区にある接骨院のホームページデザイン例

全体的に丸みを帯びた構成になっており、イラストを多用していることもあってかポップで親近感があるデザインになっている。親近感があるデザインというのは、デザインに失敗すると安っぽい印象になりがちだが、線や図形などが工夫されており、安っぽい印象を...

整体・整骨院

東京都新宿区横寺町9-1

イラストを使ったホームページの特徴

老人ホームや保育園など、高齢者向け・子供向けのホームページではイラストが活用されている場合が多い。イラストは安っぽい印象を与えるリスクもあるが、優しさ・安心感・親近感といったプラスの印象を与えることもでき、デザイナーの腕でクオリティが左右されやすい特徴がある。特に無料のイラスト素材は他のホームページやバナーで多用されている場合が多く、制作側の視点になるかもしれないが「あ、これフリー素材だ」とわかるので、どうしても安っぽい印象に感じてしまう。ただ効果的に活用すれば、写真よりわかりやすく伝えることもできる。

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む

結果に拘ったホームページ制作会社「AltBase LLC.」

作成しただけでは意味がないホームページ。弊社では結果に拘った成果の上がるホームページを制作いたします。見積もりは無料なのでお気軽にお問合せください。