エンジニアの副業は週1からでも可能？副業の例や探し方も解説
- ITエンジニア
- 副業
Webデザインを魅力的で豊かにしてくれる要素として、イラストが挙げられます。取り入れるにあたり大きなコストがかかる場合もありますが、イラストにはそれだけの価値があります。
イラストの役割は、訪問者の目を楽しませることだけではありません。プロジェクトのテーマや雰囲気を強化するだけでなく、ストーリー性をもたせることもできます。訪問者の目をひくイラストは、全体のトーンを決めてくれる重要な存在です。
今回は最近のトレンドになっている、「人物のイラスト」を取り入れたWebデザイン事例を14個ご紹介します。スタイリッシュで、かつ暖かみのあるデザインを参考にしてみましょう。
目次
1. TMS
Webサイトにアクセスすると、まず専門分野を反映した大きなイラストが目に入ります。左側のキャッチフレーズとあわせると、この会社がなにをしているのかがひと目で把握できますね。
キャッチフレーズだけでは難しい内容も、イラストなら補完できることがわかります。
2. Marie Sahy
大胆で一風変わった人物のイラストが、作者のクリエイティビティを余すところなく伝えています。
ゴージャスかつパーソナルな印象のイラストは、個性を伝えるのにぴったりです。
3. BAW Agency
忙しい顧客の仕事を効率化したいという信念を、イラストによって表現しています。
テック系のテイストが反映されていますが、同時に人物を取り入れてあたたかみを加えていますね。
4. Buster Fetcher
イラストだけでなく動画アニメーションも導入し、複雑なものを簡単に伝えるようとしている事例です。
やわらかいテイストで描かれた人物たちが、訪問者の理解を助けてくれます。
5. Junto Agency
こちらは人物全体を動かすのではなく、指先や顔などにちょっとしたアニメーションを加えています。
小さな動きだけでも、人物がグッとリアルに見えますね。
6. Lemonade
Webサイトに散りばめられた複数のイラストが、それぞれデザイン、開発、メンテナンスなど、異なる職種を表現しています。
複数のイラストが活用されているので、Webサイトにアクセスして他のイラストもぜひ見てみましょう。
7. Netwise
ひとつ前にご紹介したLemonadeのイラストとテイストが似ていますね。同社が顧客のビジネスを手助けする様子が、キュートな人物イラストで表現されています。
顧客の信頼を獲得するのにもってこいのイラストです。
8. Ecrease
前の二例と比べると、人数がすこし減りました。当然のことですが、人物イラストの数が減ったからといって、顧客の信頼が失われるわけではありません。
動きによって命を吹き込まれたイラストは、訪問者に親近感を抱かせるはずです。
9. Nam Insik
まずはWebサイトをのぞいてみてください。なめらかな動きと世界観、ストーリー性に魅了されること請け合いです。
主人公が旅をするような、遊び心あふれる構成になっています。
10. Closer Game
ゲームを紹介するこのWebサイトは、複雑で現代的なアニメーションで、イラストにひねりを加えています。
人物を積極的に取り入れたデザインは、カリスマ性があって個性的です。実際に動きを見れば、きっと創造性を刺激されるはず。
11. Rivne Holod
ブルーベリーやクランベリーなど、ベリー類に特化したウクライナの冷凍食品会社のWebページにも、人物のイラストが活用されています。
いきいきとしたイラストによって、会社の信頼性や製品の性質を効果的に伝えていますね。人物のイラストはさまざまな分野で活躍できるということがわかります。
12. Sehat Kahni – The Story of Health
女性医師が活躍する様子が、場面に応じて各セクションに散りばめられています。表情が描かれていないにもかかわらず、親しみを感じさせるイラストです。
Webサイト全体があたたかい雰囲気で、冷たい印象はまったくありません。
Sehat Kahni – The Story of Health
13. Hydro
複雑な概念やビジネスの本質を、イラストでわかりやすく表現しています。
人の繋がりなしでは成立しないブロックチェーンだからこそ、人物のイラストが用いられているのも頷けますね。
14. Stimmt AG
シンプルな線で描かれているのは、それぞれ異なる表情をした三人の人物。
豊かな表情が、プロジェクトに親しみやすさや明るい雰囲気を与えています。
おわりに
イラストは、Webサイトにあたたかみを加えるのにぴったりの存在。文章や数字が多く、かたい印象になってしまう場合は、とくに人物イラストが活躍してくれます。
伝えたいメッセージのサポートや、難しい概念の簡略化など、イラストの役割は多岐にわたります。多くの可能性をひめた人物イラストを、ぜひ活用してみてください。
（原文：Nataly Birch 翻訳：Nakajima Asuka）
こちらもおすすめ！▼
Webデザインの参考に！海外&国内のギャラリーサイト30選。LPからECサイトまで
Workship MAGAZINE
国内&海外の商用利用可能なフリー写真素材サイト31選
Workship MAGAZINE
おしゃれなWebデザインのポートフォリオサイト36選。現役デザイナーが厳選！
Workship MAGAZINE
人気のフリーランス・副業求人
【リモートワークOK】大手からスタートアップまで、幅広い領域でユーザー体験を担うデザイナー/アートディレクター募集！
- #副業OK
- #新規事業
- #スタートアップ
- #急募
- #長期案件
- #スポット案件（1ヶ月）
- #フルリモートOK
職種：デザイナー
時給：2,500円 〜 4,000円
働き方：どちらでも可
エリア：東京都
【リモート可】【子育てママ歓迎】IoTサービスで世界中の家族を幸せに。アプリデザイナー(スマホ・タブレット) /Webデザイナー募集
- #スタートアップ
職種：デザイナー
時給：2,000円 〜
働き方：どちらでも可
エリア：東京都
【リモートOK】アート・エンタメ×ITでイノベーションを！新規事業のデザイナー募集！
- #スタートアップ
- #土日週末OK
- #急募
- #長期案件
- #正社員募集
- #フルリモートOK
職種：デザイナー
時給：5,000円 〜 8,000円
働き方：どちらでも可
エリア：東京都
Way back in October 2007, we initially launched Speckyboy as a small inspirational site for web designers.
この記事はspeckyboyからの転載です。配信元または著者とコンテンツ契約を結び配信しています。
Adding Warmth and Personality to Websites with Human Illustrations
