Find and plan your parking needs.

Serene Park

Timeline: 3 months
UX Research,
UX Design, Branding

Design: Affinity mapping, personas, information architecture, user flows, low-fidelity sketches, wireframing, prototyping, and user testing.

Research: Ethnographic, Quantitative, Qualitative, Surveys, Market Analysis

Finding parking is already stressful...

Project Overview
Serene is a parking finder app that allows users to plan, book, and pay for their event parking in one convenient mobile application.
Challenges + Problems
Parking facilities are costly, and lack the convenience of pre-booking and pre-payment, which can further contribute to the frustration.

Discovery Phase

UX Research 1: Ethnographic

Before diving into UX research, I went to parking lots to observe how the industry operates and how people interact.

UX Research 2: User Surveys

I conducted a thorough UX survey on to collect both qualitative and quantitative data.
The goal was to pinpoint issues:

1. Current parking methods
2. Focusing on time spent
3. Pain points
4. User concerns.

UX Research 3: Market Analysis

In addition to the survey, I conducted a market analysis to explore existing solutions and identify opportunities to fill gaps. Here are my findings:

Define Phase

Developing: Key Insights

From Ethnographic studies, Surveys, and Market Analysis, I synthesized the five key insights guiding the development of my solution.

Developing: User Personas

To align my research with user needs, I crafted detailed personas, fostering empathy and guiding the design of a solution tailored to their specific requirements.

Framing the Problem: HMW's

Using my research, I crafted "How Might We" statements to frame the identified overarching issues and guide the development process.

Ideating Solution

With insights from UX Surveys, Market Analysis, and How Might We statements, I brainstormed solutions. Using affinity mapping, I generated feature ideas and assessed each on a prioritization grid to pinpoint impactful and feasible features within set time constraints.

Considering prioritization and feasibility, I included valuable features in my design:

1. User-focused filters (price range, safety rating, etc.) for simplified parking choices.
2. Easy editing or cancellation of booking information for users.
3. Display of walking distance from parking to destination.
4. Real-time availability of parking spaces.
5. Customer service portal and additional information for user reference.
6. Implementation of QR code e-tickets as an alternative to physical tickets.

Creating: User Flows

I crafted a user flow diagram, concentrating on finding, booking, making payments, and viewing confirmation for parking at garage lots. This helped me identify  challenges and areas needing improvement in the user journey.

Creating: Information Site

I created a site map to organize information intuitively in my app, ensuring user-friendly navigation and identifying potential challenges.



Low Fid

View here

I like to start with pencil and paper

Mid Fidelity + User Testing

I conducted User testing on using my mid fidelity wireframe.

View detailed user testing results

Mid Fidelity Refined (After User Testing)

High Fidelity

High Fidelity Refined

Finished Prototype



Design System


General Learnings

1. Minimizing User Effort: I applied this principle by implementing features that reduce the amount of work required from users, such as automatic calculations and streamlined navigation.

2. Building User Trust: I applied this principle by displaying pricing and taxes as early in the process as possible, to establish transparency and trust with users.

3. Iterative Design through User Testing: I applied this principle by incorporating user testing at every stage of the design process and using the feedback to improve and refine the design.

4. Accessibility first:
I applied this principle by considering accessibility guidelines provided by WebAIM throughout the design process to ensure that the final product is inclusive and usable for all users

Applied Future Learnings

What would I add next in my solutions?

Solution 1: Additional User-Focused Filters
-Provide options for different types of parking spaces (covered, uncovered, handicapped-accessible).
-Clearly explain how safety ratings are determined (user reviews or third-party rating system).
-Consider adding filters for distance from the destination and amenities (like electric charging stations).

Solution 2: Helpful Details About Parking Space
-Include images of parking spaces for better visualization.
-Provide information on hours of operation and availability.Consider adding reviews and ratings for parking spaces.

Solution 3: Touch-Free Booking and Paying Experience
-Allow users to use loyalty points or rewards for discounted parking.
-Explain the refund and cancellation process for technical issues.
-Include a map to help users locate the parking space.
-Offer multiple payment options, including cash.

Solution 4: Paperless E-Ticket and Managing Booking

-Enable sharing e-tickets with friends or family for carpooling.
-Allow users to track the status of their booking.
-Consider adding a rating system for users to provide feedback on parking spaces.

Other Improvements:
Incorporate additional safety measures, like warning users about potential car prowling before parking, to enhance user safety.