Blog スタッフブログ

WEB制作 デザイン

【デザイン】ワクワク感がハンパない!マップイラストアイデア7選

こんにちは、Webデザイナーのそいです。

個人的な話ですが、商業施設やアミューズメント・パークで見かけるイラストマップを眺めるのがとても好きです。【誰でもわかりやすく】作成されている+その施設のコンセプトに合ったタッチで描かれている+遊びごころが掛け合わされてこそ良いイラストマップの秘訣なのではないかなと思います。

今回はそんなイラストマップでいいなと感じたサイトを紹介していきたいと思います。

ほっこり和むかわいいマップ

山の中の海軍の町 にしき ひみつ基地ミュージアム

ひみつ基地ミュージアムは海軍航空基地の跡地に開設されたミュージアムです。サイト全体が暖かみのあるかわいらしい作りになっています。手書き感のあるほっこりしたイラストで「海軍」という敷居の高そうなイメージを払拭させるタッチになっています。

風情感じる和風タッチのマップ

北野天満宮

京都府にある北野天満宮のサイトです。境内のマップイラストは紅葉や梅の木など華やかな木々が描かれています。サイトのテイストに合わせて絵筆や水彩で描いたような和風感あるイラストになっています。お社だけでなく境内の見どころやもマップで記されておりとてもわかりやすいですね。

すみだ水族館

すみだ水族館

東京都にある水族館、すみだ水族館のサイトです。マップは単色のシンプルなイラストで仕上げられており、サムネイル画像をクリックすると詳細がポップアップで表示される仕組みです。【サムネイル画像をクリックさせる】ことに重きを置いた工夫がなされています。

3Dのような描写でワクワク感が溢れるマップ

天然温泉 美笹のゆ

大阪府にあるスーパー銭湯、美笹のゆのサイトです。CADで作られたような立体感のあるマップで、見ているだけでワクワクしますね!それにしてもスーパー銭湯だけあってとても広い様子がうかがえます。

デザイン性を感じるオシャレなマップ

東京ラーメンストリート

東京駅一番街という施設内の一角にある東京ラーメンストリートの特設サイトです。絵馬のようなイラストで各店舗場所が掲載されています。ラーメンの種類や味の部分は文字に遊びがあって面白いなと思いました。

店舗数が多くても抜群に見やすいマップ

十三本町商店街

大阪府にある商店街、十三本町商店街のサイトです。商店街ともあり店舗数が多いところをすっきりと見やすくまとめたマップになっています。カテゴリは●で色分けをされていたり、シンプルなマップのなかで赤い帯や、商店街で賑わう人々をイメージさせるイラストがあしらわれていたり、工夫が凄いですね。

かわいい海の動物たちがお出迎え!ポップでキュートなマップ

神戸須磨ワールド

最近リニューアルオープンされた、兵庫県にある神戸須磨シーワールドのサイトです。TOPページでドカンとマップが置かれておりとても可愛らしいデザインでした。館内マップのページや各エリアでそれぞれマップが掲載されており閲覧しているユーザーの心を掴む仕掛けが散りばめられています。色合いもポップで可愛らしい雰囲気ですね。

マップイラストは個性があってかわいい。

いかがでしょうか。今回は各サイトの施設マップをまとめて紹介しました。どこのサイトもコンセプトに合ったタッチのイラストでマップが作られていました。ぜひ、マップイラストを作成する時のアイデアとして参考にしてみてはいかがでしょうか。今回もご一読いただきありがとうございました。