mainimage

アニメ取材地検索アプリ「Scene Map」は、アニメの取材地を検索し、シーンと実際の風景を比較できるサービスです。気になるアニメを検索すると取材地が表示され、旅行ルート提案や対比写真の作成も可能です。

TIME 1ヶ月

DATE 2024年11月

ROLE UI/UX designer

AGENCY Google UX Design Course

なぜこのアプリ

アニメファンが好きなアニメ作品を見て、現実の取材地に行って写真を撮りたいと思っても、

現在の情報はネット上に散らばっていて、取材地を簡単かつ正確に見つけるのが難しいです。

現在の情報はネット上に散らばっていて、取材地を簡単かつ正確に見つけるのが難しいです。

ユーザーリサーチ

ペルソナ

王さん

28歳

普通の会社員、趣味はアニメ鑑賞と旅行です。アニメ関連のイベントやコミケなどにもよく参加している。普段は仕事が忙しく、休みも短いため、旅行の計画を立てる時間があまりない。旅行の際はネットで他の人が作った旅行プランを参考にすることが多い。

普通の会社員、趣味はアニメ鑑賞と旅行です。アニメ関連のイベントやコミケなどにもよく参加している。普段は仕事が忙しく、休みも短いため、旅行の計画を立てる時間があまりない。旅行の際はネットで他の人が作った旅行プランを参考にすることが多い。

エピソード

多くの場所を旅行したので、最近行きたい場所が減ってきました。好きなアニメの取材地に行って写真を撮れば、アニメをもっと身近に感じられて楽しめそうです。

ペイン

普段は忙しくて、アニメの取材地に関する情報が少なく、休みの間にどう計画を立てるか分からないです。

ユーザージャーニーマップ

目標：アニメファンとして、好きなアニメに登場する撮影地を巡りたい。

どう解決

取材地のマップ表示

取材地がマップ上にアイコンで表示され、選択したアニメや地域の全ての取材地が確認できます。

アニメ作品検索

アニメを検索すると、取材地がマップとリストで表示されます。

カスタムルート作成

取材地を基に最適な旅行ルートが作成されます。

デザイン

手書きのワイヤーフレーム

5つのホーム画面ワイヤーフレームを通じて、異なるレイアウト案を探り、個人的に好ましいデザイン要素をマークしました。

電子ワイヤーフレーム

ユーザーテスト

ユーザーテストの結果、ホーム画面に地図がないと場所がわかりにくく、情報が多すぎることが判明しました。改善案として、地図を中心に配置し、場所情報を強調。作品展示はサブメニューに移動し、写真アップロードボタンを追加しました。

ユーザーテストを通じて、初期バージョンの行程安排ページの機能が不足しており、ユーザーが地点情報や行程安排を直感的に理解できないことが判明しました。改善後、スマートな行程安排、地図の可視化、交通手段の推薦機能を追加し、ユーザーがより簡単に旅程を計画できるようになりました。

ユーザーテストを通じて、初期バージョンの行程安排ページの機能が不足しており、ユーザーが地点情報や行程安排を直感的に理解できないことが判明しました。改善後、スマートな行程安排、地図の可視化、交通手段の推薦機能を追加し、ユーザーがより簡単に旅程を計画できるようになりました。

ユーザーテストを通じて、初期バージョンの地点詳細ページの機能が単一であり、ユーザーがコメント機能を追加して意思決定を支援してほしいという要望が判明しました。改善後、ユーザーコメントと注意事項の提示を追加し、ユーザーがより包括的に地点情報を理解できるようになりました。

ユーザーフロー

プロトタイプ

現在地と人気アニメをチェック

ホーム画面では自動的に現在地を取得し、周辺の聖地を表示します。また、他の都市を選択することも可能です。さらに、人気アニメをすぐに確認できる機能もあります。

アニメ検索と聖地発見

検索ボタンで好きなアニメを探したり、人気作品から直接選んで閲覧できます。地図にはアニメの取景地が表示され、クリックするとアイコンが点灯します。

聖地の詳細と旅程プラン

場所の詳細情報とユーザーレビューを確認でき、「行きたい」ボタンで目的地が旅程に追加され、最適な旅程が提案されます。

テンプレートで簡単比較

ホーム画面のプラスボタンで写真をアップロードし、「比較画像」ボタンでテンプレートを使って作成できます。アップロード後、コミュニティで「いいね」ができ、マイページで投稿内容を確認できます。

ホーム画面では自動的に現在地を取得し、周辺の聖地を表示します。また、他の都市を選択することも可能です。さらに、人気アニメをすぐに確認できる機能もあります。

検索ボタンで好きなアニメを探したり、人気作品から直接選んで閲覧できます。地図にはアニメの取景地が表示され、クリックするとアイコンが点灯します。

場所の詳細情報とユーザーレビューを確認でき、「行きたい」ボタンで目的地が旅程に追加され、最適な旅程が提案されます。

ホーム画面のプラスボタンで写真をアップロードし、「比較画像」ボタンでテンプレートを使って作成できます。アップロード後、コミュニティで「いいね」ができ、マイページで投稿内容を確認できます。

最終デザイン

デザインシステム

Other Projects

実案件

不動産サイト

不動産会社の業務内容と事例を紹介する企業サイト。

view more

架空

シニアのひろば

中高年向け、コミュニティ活動を探して参加できるリマインダー付きのレスポンシブカレンダーアプリ・サイト。

view more

実案件

易米易货

イ·べイ·イ·か

物品を交換し、無駄なく生活を楽しむための、簡単で便利な物々交換アプリ。

view more

架空

カクテルメーカー

自宅で簡単にカクテルが作れるウェブサイト。

view more

OTHERS

GRAPHIC DESIGN, ILLUSTRATION，SHORT ANIMATION

view more

Other Projects

view more

view more

view more

view more

view more