MAP IT

Designing a clearer, more reliable transit experience
A mobile app designed to help users navigate bus routes, track arrivals in real time, and reduce uncertainty in everyday commuting.
VIEW PROTOTYPE

PROJECT TYPE

Concept Product

ROLE

UX/UI Designer

TIMELINE

4 - 6 weeks

Focus

MVP • Speed • Trust

Overview

Map It is a transit app designed for a midsize metropolitan area, focused on helping users plan routes, track buses in real time, and navigate their daily commutes more efficiently.
The goal was to reduce uncertainty and frustration in public transportation by creating an experience that feels clear, reliable, and easy to use — especially for people who depend on transit daily.

The Problem

Public transportation users often face uncertainty when planning their trips. Inconsistent schedules, long wait times, and unclear route information make commuting stressful and unreliable.
Many existing solutions prioritize route data but fail to communicate real-time updates and navigation in a way that feels intuitive and trustworthy.

The Opportunity

Public transit systems provide essential infrastructure, but their digital tools often fall short in helping users navigate real-time conditions. Riders must interpret fragmented information, making it difficult to plan efficiently or adapt to delays.
This creates an opportunity to design a transit experience centered on real-time visibility, streamlined navigation, and fast decision-making , enabling users to move through their journeys with greater confidence and less friction.

Who It's For

Map It is designed for urban commuters who rely on public transportation in their daily lives.
This includes:

students commuting to school
professionals navigating busy schedules
riders who cannot rely on ride-sharing daily

My Role

As the designer, I led the project end-to-end, from research and concept development to wireframes, UI design, and usability testing.
My focus was to create a transit experience that reduces cognitive load while helping users make faster, more confident decisions.

Solution

Map It is a mobile transit app designed to make commuting more predictable, efficient, and user-friendly.
The experience focuses on:
1.real-time bus tracking

2.simplified route planning
3.clear navigation between steps
The goal was to help users move through their journey with clarity, minimizing uncertainty and wait time.

Research & Key Insights

To ground the design in real user behavior, I conducted 25 surveys and followed up with in-depth interviews with transit riders. The research revealed key pain points and patterns in how users navigate public transportation, highlighting opportunities to improve clarity, speed, and reliability in the overall experience.

Key findings:

75.5%

respondents were under 35, indicating a predominantly younger, mobile-first audience

66%

were students, highlighting a strong reliance on public transit for daily commuting

78%

reported that bus timetables felt unreliable, reinforcing the need for real-time, trustworthy transit information

68%

Use public transportation Daily

These insights confirmed that users wanted a delivery service that felt fast, reliable, and easy to use, especially for small, time-sensitive items.

What Users Valued Most

Beyond the survey, conversations with urban users surfaced the priorities that would make a service like Snapbox feel valuable and trustworthy in real life.
These needs highlighted the importance of designing for speed, clarity, and confidence in everyday commuting.

Reliable, real-time updates to reduce uncertainty
Clear and simple navigation between routes and stops
Fast access to key information while on the move
Trust in arrival times and system accuracy

Key Takeaways

Across both research and testing, one theme remained consistent:
users needed a transit experience that minimized uncertainty and helped them make quick decisions under time pressure.
This led to a design approach focused on:
1. prioritizing real-time visibility over static schedules
2. reducing steps in the navigation flow
3. making essential information immediately accessible

These decisions ensured the experience felt efficient, predictable, and easy to use in real-world commuting scenarios.

Defining the MVP

To keep the experience focused, I designed the product around three key actions , which helped reduce friction and allowed users to complete their tasks quickly.

1. Search for a route or destination

2. View real-time bus details and stops

1. Receive alerts and track arrivals

Key Product Decisions

A lightweight request flow focused on the essential actions needed to complete a delivery.

1. Prioritizing real-time visibility

Instead of emphasizing static schedules, the design highlights live updates and arrival times to reduce uncertainty.

2. Simplifying navigation flow

The number of steps required to find a route and track a bus was minimized to reduce cognitive load.

3. Designing for “on-the-go” use

The interface was built for quick interactions, ensuring users could access key information in seconds while commuting.

Wireframes & Early Exploration

The visual design was created to feel clear, dependable, and approachable.Color, typography, and layout were chosen to support readability and quick scanning, helping users navigate efficiently under time pressure.

User Flow & Information Architecture

The user flow was designed to be simple and direct:
1. Start from search or favorites
2. View route details and stops
3.Track the bus in real time
4.Receive notifications

This structure keeps the experience lightweight and easy to navigate.

From Sketch to Digital Wireframes

I began with low-fidelity sketches to explore layout and interaction patterns, then translated them into digital wireframes to refine hierarchy and navigation.The design focused on:

1. clear information hierarchy
2. minimal steps
3.easy-to-read transit data
4.fast decision-making

Usability Testing

To evaluate the MVP, I tested the core flow across four key tasks:
1. searching for a route
2. viewing bus details
3.navigating between screens

What Worked:
1.Users found the app easy to navigate
2. The interface felt clear and approachable

Key issues :

Based on testing, I refined navigation clarity, identified broken pathways, and flagged opportunities to better separate user roles and improve task continuity.

Navigation between screens was inconsistent
Back button placement caused confusion
Some steps felt unnecessary

Reflection

This project reinforced the importance of clarity in time-sensitive experiences. When users are commuting, they don’t have time to interpret complex information — they need quick, reliable answers.Designing Map It taught me how to reduce friction, simplify navigation, and prioritize the information that matters most in real-world situations.

Let's connect!

Get in touch and say hello!
If you'd like to get in touch, just fill out the form below.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.