FIGMA
ILLUSTRATOR
PHOTOSHOP
MY WORKS
Portfolio

CASE 11

← Back to home
EVsmart Park おでかけマップ
CASE 11

おでかけマップ — EVオーナーコミュニティ「EVsmart Park」の投稿マップ


期間

約1週間

チーム構成

デザイナー1(自身)
ディレクター1

Live サイトを見る ↗
DETAILS

背景・課題

EVオーナーが集まるコミュニティ「EVsmart Park」に、メンバーのおでかけ投稿を日本地図の上で見られる「おでかけマップ」を新設しました。「どこへ行ったか」「どこで充電したか」が地図からひと目でわかり、投稿を見る楽しさと、自分も投稿したくなるきっかけをつくることが求められました。

目的・KPI

  • おでかけの投稿を増やし、コミュニティを活性化する
  • 投稿をきっかけに、EVでのおでかけを促す
  • おでかけ先での充電利用を増やし、売上につなげる

担当範囲

  • おでかけマップのメインビジュアル
  • マップのデザイン
  • バッジのデザイン(※イラストはリリース直後のため非掲載)

アプローチ・工夫点

1. 旅先を思い浮かべるメインビジュアル
地図をベースに、鳥居やお城、カニ、ラーメン、だるまなど各地の名物を散りばめ、「次はどこへ行こう」とワクワクできるビジュアルにしました。

2. ひと目でわかるシンプルな日本地図
都道府県をシンプルな図形で描き、投稿のある県をグリーンで塗り分けて投稿数を表示。どの地域でどれだけおでかけされているかが、地図を見るだけで伝わるようにしました。

3. 見たい投稿にすぐたどり着ける操作
「みんな / わたし」の切り替えや、充電・観光・食事・温泉などのカテゴリ絞り込みを地図のそばに配置。自分の記録をふり返ったり、気になるジャンルの投稿を探したりしやすくしました。

キーワード

  • 旅気分・わくわく感
  • ひと目でわかる
  • 集める楽しさ

メインカラー

#10B293
#2F9FDD
#0083AE
#E2F6FD

使用ツール・技術

Figma(UIデザイン)
Illustrator・Photoshop(イラスト)

おでかけマップ メインビジュアル

メインビジュアルは、川や道が走る地図の上に、各地の名所やグルメのイラストを配置。タイトルにはマップのピンを添え、「地図でおでかけを楽しむ」機能であることが伝わるようにしました。

おでかけマップの日本地図

日本地図は都道府県を単純な形に整理し、投稿のある県を色と数字で表示。下にはカテゴリの絞り込みを並べ、地図から目的の投稿を探せるようにしました。

おでかけマップ ダークモード

ダークモードにも対応。地図の塗り分けや投稿数のバッジ、カテゴリの絞り込みは暗い背景でも見やすい配色に調整し、ライトモードと同じ情報がひと目で伝わるようにしました。

THE DESIGN — おでかけマップ
Call me maybe
CONTACT ME
How to find me

お気軽にご連絡ください。

これまでの制作実績を詳しくご紹介いたします。ご連絡は下記のメール、またはLinkedInアカウントまでお願いいたします。ありがとうございます。

KAI USUI
© Kai Usui — UI/UX Designer