DIVEJavaScriptの設定を有効にしてご利用ください。無効の場合、当サイトを正常にご利用できません。DIVE自分はイラストに関することを紹介していきたいと思います。今回はイラストの魅力を感じるWebサイトを10紹介したいと思います。イラストが素敵なWebサイト10選メロン・ド・パーネhttp://melondpane.com/メロンパン専門店のブランドサイト。キャラクターをいかしたサイトの世界観は楽しさを伝えることとサイトに訪れたユーザーへのワクワク感などが表現がされています。サイト全体にイラストが使用されていて見ていて飽きない素敵なサイトです。NAMEhttps://green-name.kirin.jp/名前を入力すると名前の中に"グリーン"を見つけてくれる、『麒麟淡麗グリーンラベル』のスペシャルコンテンツ。出てくるイラストは淡麗グリーンをイメージさせる爽やかさでテイストも面白い。アニメーションがさらに魅力的をアップさせスペシャル感がぐっと出ていると思います。信大独創図鑑http://www.shinshu-u.ac.jp/zukan/信州大学の魅力を紹介するスペシャルサイト。こちらは有名なイラストレーターさんのイラストですね。アイデアがいつも面白い。大学という少し真面目なイメージをユニークなイラストを使うことでやわらげ見やすくなっています。WALKhttp://walk.lawson.jp/日本国外に向けた、ローソンを分かりやすく伝えるためのスペシャルコンテンツ。横スクロールでアニメーションさせています。スクロールすると日本から中国、インドネシアなど風景が変わりその土地の名所をうまく取り入れているのとアニメーションのこだわりも感じ楽しいコンテンツになっています。リノプラhttp://reno-plus1.com/建設会社のリノベーションを紹介するサイト。手描き風のイラストがとても印象的。背景画像に部屋の壁と画面の左右にカーテンを配置することで「家」というイメージがすぐ認識できる世界観で表現されています。イラストの世界観に合わせたあしらいが統一されていてキレイなサイトに仕上がっています。DCThttp://jp.honda-dct.com/Hondaバイクのトランスミッションを魅力的に伝えるスペシャルサイト。メインビジュアルのギアチェンジするアニメーションがインパクト大で技術の高さを感じさせるサイト。ギアのCGが360°回転し、絵的にも動きにも対応していてとてもカッコ良く魅力的に表現されています。VISIONhttp://housevision.muji.com/無印良品が展開するコミュニティーサイト。シュールで印象的なイラストが画面外の右側から歩いてくる。白と黒をベースにしたシンプルなサイトですがイラストが入ることでとても個性のあるサイトに。したところにイラストを使うことでページデザインに厚みが出ています。Forecasthttp://www.thehappyforecast.com/ロンドンに拠点を置く制作会社による、社会貢献のためにロンドンの街を視覚化したサイト。区画でわかれた街にはそれぞれ詳細があり、象徴となる建物のイラスト、天候、人口の数などの情報が表示される。ユーザーがサイトに訪れる時間に合わせてサイトの背景が昼夕方夜で色が変化する粋な演出もある素敵なサイト。merixstudiohttp://www.merixstudio.com/frontend/ポーランドの制作会社のフロントエンド開発技術を紹介するサイト。映画のセットをモチーフにしたメインビジュアルのイラストはサクサク動く気持ちの良いアニメーション。歩く人のスピードが違ったり、スケボーで滑る人、車もパトカーが出てきたりと演出の変化が富んでいて単純に見ていても楽しめます。こんなときこそ、めぐタイム!http://www.kao.co.jp/megrhythm/meg-building/intro.html『花王めぐりズム』のゲーム感覚で楽しめるプロモーションサイト。ミニチュア模型でサイトを構成。ミニチュアの世界観はずるいな〜と感じるくらいに引き込まれます。作り込まれた世界観が直感的に働きかけるからでしょうか。まとめいかがだったでしょうか?イラストの魅力は、サイトの個性や世界観をつくる上で欠かせないもののひとつであると感じています。昔からの手法で表現されるものから技術の進歩で表現されるものまでWeb上には様々な形で展開されています。これからもどんなサイトが出てくるのか楽しみです。今回、このようにブログでまとめてご紹介したことで、自分にとってとても刺激になりました。次回からはWebサイトの紹介だけでなく、何かイラストを作って公開していきたい思います。NX-PJTまとめ2019.12.12そんなことより、フォトショでクソコラでも作って遊ぼうぜ(前編?)2019.10.31Webデザイナーとして東京で働き始めて1年。アニメーションライブラリ「Lottie」を使ってみた。2019.05.28ウェブで受賞をめざす、世界のアワードを調べてみた。最新のビルドツール「Parcel」で開発環境をサクッと立ち上げる。captureでデザイン作業が捗る。Typeではじめる構造化データモンスターダイブの2019年を振り返る。創業10周年を振り返る。Hot?中華製タフネススマホを買ってみた。