About Endorsements Project Kickoff Leafy Lifestyle Case Study Park & Go Case Study LinkedIn
Case Study

Revolutionizing
Urban Parking.

A comprehensive mobile platform that eliminates the stress of finding parking in busy cities, reducing search time by 20% and supporting sustainable urban mobility.

Product Design
iOS & Android
Urban Tech
Scroll
⚡ The Challenge

Urban drivers losing time
in endless circles.

Urban parking presents significant challenges: difficulty finding available spots, time wasted circling for parking, stress and frustration, and environmental impact from excessive emissions. Approximately 30% of urban traffic is caused by drivers searching for parking, contributing to congestion and air pollution.

Spot Availability Traffic Congestion Emissions Impact User Frustration
✦ The Solution

One app.
Every spot in the city.

Park & Go is an innovative online parking platform with intuitive mobile applications for iOS and Android. It offers users a seamless parking experience with real-time availability, pre-booking, and EV charging station integration, reducing stress and environmental impact while enhancing urban mobility.

Real-Time Availability Pre-Booking EV Charging Navigation

Core Features.

Four smart solutions designed to make urban parking effortless.

01
Real-Time Search

Instant availability updates with location-based filtering to find open spots nearby.

02
Pre-Booking

Reserve spots in advance and eliminate parking stress before you leave home.

03
EV Charging

Find parking with electric vehicle charging stations, supporting sustainable urban mobility.

04
Safety First

Well-lit areas with security information for complete peace of mind on every trip.

Goals & Results

Goals & Results.

🅿️
Convenient Parking Solutions

Provide convenient and efficient parking solutions for urban drivers.

🌱
Reduce Environmental Impact

Minimize emissions from traffic circulation while searching for parking.

😊
Enhance User Satisfaction

Improve overall user experience and reduce parking-related stress.

Measurable impact, real outcomes.

Results tracked through post-launch analytics and user feedback sessions.

100%
Successfully find & book within 5 minutes
−20%
Decrease in average search time
+25%
EV users booking through Park & Go

Design Process

Design Process.

From research and strategy to execution and delivery — a user-centered approach at every stage of the Park & Go project.

01
Discovery & Research

Established project foundation through stakeholder alignment, user research, and competitive analysis to understand driver pain points and urban parking dynamics.

Requirements & goal definition User interviews & surveys Competitive analysis
02
Strategy & Planning

Mapped user journeys and created user stories to define clear pathways from parking search to booking confirmation across the full mobile experience.

Journey mapping & touchpoints User stories & flow charts Feature prioritization
03
Design & Iteration

Created wireframes and high-fidelity mockups through iterative cycles for all 13 mobile screens, refining designs based on feedback and usability testing.

Lo-fi to hi-fi wireframes Design system creation Prototype & usability testing
04
Delivery & Handoff

Worked closely with development teams to ensure seamless handoff, technical feasibility, and a final QA pass to ensure every screen matched design intent.

Developer handoff & specs Implementation support QA & review cycles

User Flow

Happy & Unhappy Path.

All 13 wireframe screens mapped — happy path, authentication failures, availability issues, and payment recovery flows.

Happy path step
Error / unhappy
Error arrow
No branch
Step 01 — Splash Screen Step 02 — Login Email · password · social Valid credentials? Yes No Invalid credentials Show error · retry Step 03 — Phone Verify Enter phone number Step 04 — OTP Code 4-digit verification OTP valid? Yes No Wrong OTP Resend · 3 attempts Step 05 — Map View Available spots · live pricing Spots available? Yes No No spots nearby Expand radius · suggest Steps 06–09 — Browse Search · details · destination Step 10 — Date & Time Hourly · full day · time picker Slot available? Yes No Slot taken Pick alternative time Step 11 — Payment Card details · vehicle reg Payment ok? Yes No Payment declined Retry · update card Step 12 — Confirmed QR code generated for entry Step 13 — Navigation Turn-by-turn · live pricing Arrives at spot? Yes No Spot occupied Rebook · full refund Successfully Parked!

Part 1 — Wireframes

Low-Fidelity Wireframes.

Early-stage wireframes showcasing the structural foundation and information hierarchy for all 13 mobile screens.

9:41
P
Version 1.0.0
Splash Screen
Welcome screen with Park & Go branding
9:41
P
Email
Password
Sign In
Google
Apple
Login
User authentication with email/password and social login
9:41
Phone Number
Continue
Phone Verification
Phone number verification for secure account access
9:41
Verify Code
OTP Verification
4-digit code verification sent to user's phone
9:41
$5
$3
$8
$5/hr
Map View
Interactive map showing available parking spots with pricing
9:41
Distance
Rate
$5/hr
Spots
12 free
Book Parking Spot
Booking Details
Parking location details with distance and booking option
9:41
Confirm Location
Choose Destination
Select destination with location picker interface
9:41
RECENT SEARCHES
Search Location
Smart search with suggestions for nearby parking areas
9:41
✓ Free cancellation up to 1 hour before
Location
Spot
Continue to Payment
Booking Expanded
Full booking details with location address and quick actions
9:41
Hourly
Daily
December 2024
Confirm Booking Time
Date & Time Selection
Flexible booking options by hour or full day with time picker
9:41
Card Number
Expiry
CVV
$15.00
$2.00
Total
$17.00
Pay $17.00
Payment Details
Secure payment with vehicle details and parking spot confirmation
9:41
$17.00
Get Directions
Booking Confirmed
Success screen with QR code for easy parking entry access
9:41
ETA
12:15
Distance
0.8 mi
Spot
A23
Start Navigation
Navigation to Parking
Turn-by-turn directions with real-time pricing information
Part 2 — High Fidelity

Final Mobile Screens.

Complete user journey from onboarding to booking confirmation with polished UI design.

Splash Screen
Splash Screen
Login
Login
Phone Verification
Phone Verification
OTP Verification
OTP Verification
Map View
Map View
Booking Details
Booking Details
Choose Destination
Choose Destination
Search Location
Search Location
Booking Expanded
Booking Expanded
Date & Time
Date & Time
Payment Details
Payment Details
Booking Confirmed
Booking Confirmed
Navigation
Navigation

Send me a message

I'll get back to you within 24 hours.

Replies to [email protected]

Message sent!

Thanks for reaching out. I'll be in touch soon.

Download Resume
</>
Step 01

Requirements Gathering

Understanding the full picture before a single pixel is designed.

Every great product starts with the right questions. I sit down with stakeholders, product managers, and business leads to understand not just what we're building — but why. I document functional requirements, technical constraints, business goals, and success metrics before a wireframe is drawn. This phase eliminates assumption-driven design and aligns the team from day one.

Stakeholder InterviewsBusiness GoalsConstraints MappingSuccess Metrics
</>
Step 02

Project Timeline

Planning milestones, sprints, and design cycles that keep everyone on track.

With requirements in hand, I work with PMs and engineering to map a realistic design timeline. This includes research sprints, design iterations, review cycles, and handoff windows. A clear timeline keeps everyone accountable and prevents design from being squeezed at the end of a sprint. I build in buffer for feedback and pivots.

Sprint PlanningMilestonesDesign CyclesHandoff Windows
</>
Step 03

User Research & Insights

Deep dive into user behaviors, motivations, and pain points.

I conduct user interviews, contextual inquiries, and usability studies to deeply understand the people we're designing for. I synthesize findings into actionable insights — not just data dumps. Every design decision that follows is anchored in real user behavior, not assumptions. Research isn't a phase; it's a continuous practice throughout the project.

User InterviewsContextual InquiryUsability TestingAffinity Mapping
</>
Step 04

UX Objectives & Tasks

Translating research into clear design goals everyone agrees on.

I translate research findings and business goals into clear UX objectives. These become the north star for all design decisions. I define the primary user tasks, the critical paths, and the key moments that make or break the experience. Every stakeholder reviews and signs off on these objectives before design work begins.

UX GoalsTask AnalysisCritical PathsStakeholder Sign-off
</>
Step 05

Journey Mapping

Visualizing the complete user experience from first touch to goal achieved.

I map the complete end-to-end user journey — from first encounter to achieved goal. Journey maps reveal emotional highs and lows, pain points, and opportunity areas. They create empathy across the entire team and inform every design decision that follows. They also surface where users drop off — and why.

End-to-End FlowsEmotional MappingPain PointsOpportunity Areas
</>
Step 06

User Stories

Converting insights into actionable requirements shared across the team.

I convert research insights and journey maps into well-defined user stories. These bridge the gap between UX intent and engineering implementation. Each story captures who the user is, what they need, and why it matters. Written in plain language, user stories become a shared language between design, product, and engineering.

Agile StoriesAcceptance CriteriaPersonasUse Cases
</>
Step 07

Wireframes & Mockups

From structural sketches to pixel-perfect high-fidelity designs.

From lo-fi sketches to high-fidelity mockups, this is where ideas become visual. I start with structure — information architecture, layout, hierarchy — then layer in visual design. I explore multiple directions before converging. Every mockup is grounded in the research and objectives defined earlier, not personal aesthetic preference.

Lo-Fi WireframesHi-Fi MockupsDesign SystemsVisual Hierarchy
</>
Step 08

Prototype

Interactive simulations that validate design before engineering begins.

Interactive prototypes bring designs to life before a single line of code is written. I build click-through prototypes in Figma that simulate real interactions — transitions, states, micro-animations. These are used for stakeholder presentations, usability testing, and engineering reference. Prototypes catch issues early when changes are still cheap.

Figma PrototypesInteraction DesignMicro-animationsUsability Testing
</>
Step 09

Handoff & QA Testing

Ensuring what gets built matches what was designed — pixel for pixel.

A clean handoff is as important as the design itself. I prepare detailed specs, redlines, and component documentation for engineers. I stay engaged during development — reviewing builds, flagging deviations, and ensuring the implemented experience matches the design intent. QA isn't just bug checking; it's experience validation.

Design SpecsRedlinesDev CollaborationQA Review
</>
Step 10

Monitoring & Iteration

Measuring impact and continuously improving after launch.

Launch is not the finish line — it's the starting gun. I monitor post-launch analytics, gather user feedback, and track performance against the success metrics defined at the start. Insights from real usage feed directly back into the next design iteration. Great products are never done; they evolve with their users.

AnalyticsUser FeedbackA/B TestingContinuous Improvement