Bus App Case Study|NextStop

Nuurul Alaa Husain Subroto

User Researcher
UX Designer
UI Designer
Figma
Notion

Projects Brief

A transportation agency in a metropolitan area wants to create a mobile application to solve the problem of numerous bus routes stopping at the same bus stop, making it difficult for riders to know when the next bus will arrive and how much time they have to get to the stop.

My Role

Conduct user research to find the pain points of the application.
Create a meaningful logo.
Create a persona based on research.
Create a visually appealing design.
Iterate various design solutions.
Create documentation of the apps.

Business requirements from the client

Ensure that any rider can tell when each bus arrives at the Washington & State bus stop.
Ensure that all riders can tell how much time they have to get to the Washington & State bus stop before the bus they need arrives at that stop.
Allow riders to select one of the bus lines to see a list of its future arrival times at the Washington & State bus stop.

Understanding users

Three key takeaways

It's important to feel safe and comfortable while using public transportation and being able to rely on accurate timing information is crucial.
Adding a feature that allows users to provide feedback on their experience with a particular bus route. This feedback could include information about the bus's condition, the driver's behavior, and any issues encountered during the journey. This would help the transportation agency improve the quality of its services and ensure a better experience for riders.
Having the option to receive such unnecessary features, particularly for those who rely heavily on public transportation or need to make time-sensitive connections. But only sometimes be feasible in rush hour.

Brainstorming

Logo

NextStop Logo
NextStop Logo
The inspiration for the logo came from the idea of a door in a bus. We wanted to create a logo that was simple and easy to recognize, while also conveying a sense of calmness and excitement for the user. The door shape in the logo supports us to provide safety and approachable product.

Hand drawn Wireframe

At this stage, I developed a hand-drawn wireframe that helped me capture my initial ideas. The wireframe had a rough layout of the various features that I wanted to include in my design. After creating the wireframe, I reviewed it and made improvements where necessary. This wireframe is a guide to creating a more detailed mockup that better reflected my vision for the project. The mockup included more detailed design elements and visual cues to help me better understand how the final design would look and feel. By taking the time to create a detailed mockup, I was able to identify areas that needed improvement and make the necessary changes before starting the actual design process. This approach helped me save time and avoid costly mistakes later in the process.

Digital Wireframe

Final Design

Welcome screen and location permition
Welcome screen and location permition
Home page and search bar
Home page and search bar
Line detailed and bus tracking
Line detailed and bus tracking
Trip detail
Trip detail
Sign up : email and name form
Sign up : email and name form
Sign Up: Password form
Sign Up: Password form
Sign in
Sign in
Settings
Settings

What we solved

Home Page and Search Bar

Provide detailed information about bus stops, including nearby stops to help people locate the nearest one from their current location.
Allow users to add a destination if they need to approach different touchpoints.
Allow users to set their home and work locations to avoid wasting time searching for their usual locations.
Allow users to save destinations for places they often go to, excluding work and home.

Line detailed and bus tracking

Estimated arrival times for each bus at a given bus stop.
Information about the type of bus line that will arrive at the bus stop.
Detailed bus tracking information to help users avoid taking the wrong bus.

Trip Detail

Estimated time for each touch point.

Documentation

Partner With Nuurul Alaa
View Services

More Projects by Nuurul Alaa