D Tour is a scavenger hunt app designed to engage users in learning about Dallas' history, culture, and local businesses through gamification and augmented reality.
Project Background
For this project, I worked with Dialexa, a product design company based in Dallas, TX. As part of Dialexa's annual EDU Product Design Mentorship Program, I collaborated with a multidisciplinary team to create an interactive mobile app that fosters a deeper connection between Dallas residents/visitors and the city's heritage.
Business/Marketing Representative
Figma, Miro
February 2022 — April 2022
Problem
Dallas, known for its diverse culture and rich history, lacks an engaging platform to educate its residents about the city's districts, landmarks, and cultural events. So, the ask of this project was:
What are ways we can educate the residents of Dallas in a valuable way to foster awareness and support for the history of Dallas’ districts, buildings, local businesses, schools, people, cultures, events, etc?
Our challenge was to design a solution that could make this information accessible, engaging, and fun. We needed to address user needs for interactive learning while considering technical constraints.
Solution
Our solution was to create mobile game app that combined interactive learning with AR technology, addressing user needs while also meeting business goals of increasing local awareness and support.
Agile Design Process
We adopted a user-centered design process over three 2-week sprints, with the following Marketing and Design Deliverables:
Market Research
Competitive Analysis
User Personas
Empathy Map
User Journey Map
How-Might-We Design Thinking
Concept Sketching
Storyboarding
User Flows
Lo-Fidelity Wireframes
Feature Prioritization (MVP)
Style Guide
High-Fidelity Mockups
Clickable Prototype
Product Presentation
Sprint 1
Product Identification
The Product Identification workshop focused on defining user personas, where we brainstormed potential user's by exploring their characteristics, actions, and behaviors—focusing on who they are and who they are not.
This process helped us deeply understand our target audience, ensuring that our design decisions later in the project aligned with user needs and expectations.
Personas & Persona Interview
Personas were provided by Dialexa mentors to guide us through the user research deliverables: empathy map and user journey map.
As a team, we had the opportunity to conduct persona interviews and gain further insights on their pain points, goals, and desires for the product.
Persona Panel Interview Guide
What information is the most useful to you when trying to discover new places with limited time (review price info, parking)?
How do you find out about a new activity/event that would interest you?
What is the most satisfying part of your favorite trip/exploration?
In a given year, how often do you explore a new part of Dallas?
What is the most enriching way to experience a culture?
How do you commute to a place you are invited to, that is not close to you?
Could you walk us through what you would do if your friends invite you to dinner at a new restaurant across town?
What are some activities you like to do with friends?
Empathy Map
The empathy map exercise allowed us to gain insights into user behaviors, identify gaps in our research, and achieve a shared, unbiased understanding of our users' feelings, actions, and goals.
User Journey Map
The User Journey Map outlined the user's entire experience and helped in identifying pain points:
Lack of reliable reviews makes decision-making difficult
User find it time-consuming to research places
This understanding allowed us to focus our design efforts on addressing the identified challenges and creating features that directly address the uncovered pain points.
Competitive Analysis Matrix
The competitive analysis provided a detailed comparison of features, strengths, and weaknesses of similar products in the market. Through this, we defined 4 fundamental features to incorporate into our product:
These were defined as features that our users would expect. But, how do we make our product stand out amongst our competitors? How do we target the aspect of educating users on the history of Dallas everything it has to offer in a way that is not boring? How do we keep users coming back to our app?
This brought us to the next phase: Feature Ideation.
Sprint 2
Feature Ideation: How Might We
The How Might We exercise helped us narrow down various areas that we wanted our product to target. To make our product stand out from our competitors, we answered our previous questions on making a unique product, where we came up with the idea of incorporating a gamification feature through AR.
Crazy 8 Sketches
The sketching workshop, centered on feature ideation, had each team member create 8 sketches in 8 minutes, followed by a group discussion to converge our ideas. From this activity, we noted 4 features that the team had in common:
Following this exercise, we further defined the 4 key features and their functionalities through feature definition:
User Flows / Schematics
The user flows allowed us to visualize the various pathways users might take when interacting with the product. This helped us identify key content and decisions users would encounter on specific screens, and provided a clear step-by-step breakdown of what users would see and do, such as doing a filter search on a location, reading reviews, etc.
Wireframes
Sprint 3
Feature Prioritization
The feature prioritization activity helped us determine which features were essential for launch by balancing business value and development effort. We identified high-value, low-effort features as top priorities for our Minimum Viable Product (MVP), while less critical, high-effort features were categorized for future releases.
Style Guide
High-Fidelity Mockups
Prototype