UrbanParkr
Redefining City Parking with Technology-Driven Solutions for a Quicker, Easier, and
More Reliable Experience.
Redefining City Parking with Technology-Driven Solutions for a Quicker, Easier, and More Reliable Experience.
Redefining City Parking with Technology-Driven Solutions for a Quicker, Easier, and More Reliable Experience.
![](https://framerusercontent.com/images/L41hTvs4WkI8KS9ALIX5vUmkg.png)
My role
Visual Designer
UI Designer
UX Designer
UX Researcher
Thesis project
Project type
3.5 Months
Timeline
Figma
Adobe Photoshop
UXPressia
Figjam
Pen & paper
Tools Used
Project Overview
What problem are we solving here?
In Boulder, Colorado, the growing challenge of finding parking has become a significant concern for residents and visitors. With limited spots and no real-time availability platform, people often waste time and face stress. Recognizing this, we introduced UrbanParkr, aiming to simplify parking and benefit both drivers and space owners in the city.
How did I approach this?
My role
Visual Designer
UI Designer
UX Designer
UX Researcher
Thesis project
Project type
3.5 Months
Timeline
Figma
Adobe Photoshop
UXPressia
Figjam
Pen & paper
Tools Used
Project Overview
What problem are we solving here?
In Boulder, Colorado, the growing challenge of finding parking has become a significant concern for residents and visitors. With limited spots and no real-time availability platform, people often waste time and face stress. Recognizing this, we introduced UrbanParkr, aiming to simplify parking and benefit both drivers and space owners in the city.
How did I approach this?
![](https://framerusercontent.com/images/HdewIUIccJonFP2Pgwl2KsfYJfU.png)
![](https://framerusercontent.com/images/HdewIUIccJonFP2Pgwl2KsfYJfU.png)
![](https://framerusercontent.com/images/Yz0tjOqk5dTCU2Yrbnr3hL5Eh7s.png)
![](https://framerusercontent.com/images/Yz0tjOqk5dTCU2Yrbnr3hL5Eh7s.png)
Quick Peek at the Solution
UrbanParkr is an app that allows you to turn your unused parking space into cash by renting it out to drivers searching for parking. In essence, it's a two-way solution: it helps people earn money from their idle parking spots and provides drivers with more convenient parking options in busy city areas.
Initial discoveries
Findings
01
02
03
Limited parking availability
Limited parking availability
Limited parking availability
60% of drivers report difficulty finding
parking spots in popular areas.
60% of drivers report difficulty finding
parking spots in popular areas.
60% of drivers report difficulty finding
parking spots in popular areas.
Time consuming search for parking
Time consuming search for parking
Time consuming search for parking
Drivers spend an average of 15-20 mins searching
for a suitable parking space.
Drivers spend an average of 15-20 mins searching for a suitable parking space.
Drivers spend an average of 15-20 mins searching
for a suitable parking space.
Lack of real-time information
Lack of real-time information
Lack of real-time information
70% of drivers in Boulder indicate the
real-time information is not available.
70% of drivers in Boulder indicate the
real-time information is not available.
70% of drivers in Boulder indicate the
real-time information is not available.
Objectives
01
02
03
Research & problem validation
Research & problem validation
Research & problem validation
A thorough research to validate the problem and
coming up with a sustainable solution.
A thorough research to validate the problem and
coming up with a sustainable solution.
A thorough research to validate the problem and
coming up with a sustainable solution.
Efficient & user centric design solution
Efficient & user centric design
Efficient & user centric design
Streamlining the entire parking experience, making it most convenient and reliable platform.
Streamlining the entire parking experience, making it most convenient and reliable platform.
Streamlining the entire parking experience, making it most convenient and reliable platform.
Real-time solutions
Real-time solutions
Real-time solutions
Significantly reducing the time drivers spend
searching and easing city congestion.
Significantly reducing the time drivers spend
searching and easing city congestion.
Significantly reducing the time drivers spend
searching and easing city congestion.
Opportunity statement
How might we provide real-time parking availability information to drivers in Boulder to significantly reduce the average search time for a suitable parking space?
How might we provide real-time parking availability information to drivers in Boulder to significantly reduce the average search time for a suitable parking space?
Opportunity statement
How might we provide real-time parking availability information to drivers in Boulder to significantly reduce the average search time for a suitable parking space?
User research
How & why quantitative analysis?
Participant :35
Method: Survyes
Tool: Gogle Forms & Miscrosoft Excel
Focus: Insights
Identifying patterns: Quantitative data revealed patterns in parking demand across different times of day, days of the week, or special events.
Customizing user experience: If a demographic is identified as frequently searching for parking, services can be tailored specifically to their needs.
Here’s what I found:
01
02
03
Parking frequency & duration
Parking frequency & duration
Parking frequency & duration
Users spend an average of 20 minutes looking
for an ideal spot.
Users spend an average of 20 minutes looking
for an ideal spot.
Users spend an average of 20 minutes looking
for an ideal spot.
Willingness to pay
60% of users are willing to pay for convenient parking, while 40% prioritise cost savings.
60% of users are willing to pay for convenient parking, while 40% prioritise cost savings.
60% of users are willing to pay for convenient parking,
while 40% prioritise cost savings.
Usage patterns
Peak parking hours at the prime locations are
morning weekdays and evening weekends.
Peak parking hours at the prime locations are
morning weekdays and evening weekends.
Peak parking hours at the prime locations are
morning weekdays and evening weekends.
![](https://framerusercontent.com/images/GXAjkMS9BJW5WxgUwqsXfexZo.png)
User Survey
![](https://framerusercontent.com/images/GXAjkMS9BJW5WxgUwqsXfexZo.png)
User Survey
![](https://framerusercontent.com/images/GXAjkMS9BJW5WxgUwqsXfexZo.png)
User Survey
How &why qualitative analysis?
Participant :11
Method: Interview
Platform: Zoom & In-person
Analysis: Thempatic
Empathy and User-Centric Design: Qualitative analysis allowed to understand the user stories behind the frustrations, and create solutions that truly resonate with users' emotions and needs.
Identifying Specific Pain Points: Users may face a variety of frustrations such as unclear signage, inadequate payment options, or safety concerns.
Here’s what I found:
01
02
03
Predominant frustrations
Predominant frustrations
Predominant frustrations
Unpredictability of the process and lack of real time information
Unpredictability of the process and lack of real
time information.
Unpredictability of the process and lack of real
time information.
Trust and safety
Trust and safety
Trust and safety
Users prefer well lit spots and those in busier areas.
Users prefer well lit spots and those in busier areas.
Users prefer well lit spots and those in busier areas.
Feature preferences
Feature preferences
Feature preferences
A feature users can book parking in advance and get review based spots.
A feature users can book parking in advance and get review based spots.
A feature users can book parking in advance and get review based spots.
![](https://framerusercontent.com/images/p2QOwLaH91ANl1CzbM6fodQ2LdI.png)
![](https://framerusercontent.com/images/p2QOwLaH91ANl1CzbM6fodQ2LdI.png)
![](https://framerusercontent.com/images/p2QOwLaH91ANl1CzbM6fodQ2LdI.png)
User Interview
User Interview
User Interview
![](https://framerusercontent.com/images/GXAjkMS9BJW5WxgUwqsXfexZo.png)
![](https://framerusercontent.com/images/GXAjkMS9BJW5WxgUwqsXfexZo.png)
![](https://framerusercontent.com/images/71uz4IkyBfcKuhSnWMSYPFniI.png)
![](https://framerusercontent.com/images/71uz4IkyBfcKuhSnWMSYPFniI.png)
![](https://framerusercontent.com/images/71uz4IkyBfcKuhSnWMSYPFniI.png)
User journey map
User journey map
User journey map
Ideate
Mapping out user-centred experience for drivers
Mapping out user-centred
experience for drivers
Leveraging insights from user research, I've listed potential features and managed to group them into respective theme and refined the feature set for the UrbanParkr application to specifically address user pain points
Leveraging insights from user research, I've listed potential features and managed to group them into respective theme and refined the feature set for the UrbanParkr application to specifically address user pain points
![](https://framerusercontent.com/images/stf0ydoLjl9l76xtml1ePfHrSg.png)
![](https://framerusercontent.com/images/stf0ydoLjl9l76xtml1ePfHrSg.png)
Feature list
![](https://framerusercontent.com/images/Cm07tqgW48gI3ZnYPdPagBz7ugc.png)
![](https://framerusercontent.com/images/Cm07tqgW48gI3ZnYPdPagBz7ugc.png)
Grouping into themes
Ideate
Mapping out user-centred experience for drivers
Leveraging insights from user research, I've listed potential features and managed to group them into respective theme and refined the feature set for the UrbanParkr application to specifically address user pain points
![](https://framerusercontent.com/images/stf0ydoLjl9l76xtml1ePfHrSg.png)
Feature list
![](https://framerusercontent.com/images/Cm07tqgW48gI3ZnYPdPagBz7ugc.png)
Grouping into themes
A systematic flow to address primary pain points in urban parking
Converting a feature list into an information architecture (IA) for the UrbanParkr application involved a systematic process to ensure that the app's structure is intuitive, user-friendly, and aligns with the users' needs and expectations
![](https://framerusercontent.com/images/d8WOgMT0kg7XgWLywRUmbXO9g.png)
A systematic flow to address primary pain points in urban parking
Converting a feature list into an information architecture (IA) for the UrbanParkr application involved a systematic process to ensure that the app's structure is intuitive, user-friendly, and aligns with the users' needs and expectations
![](https://framerusercontent.com/images/d8WOgMT0kg7XgWLywRUmbXO9g.png)
A systematic flow to address primary
pain points in urban parking
Converting a feature list into an information architecture (IA) for the UrbanParkr application involved a systematic process to ensure that the app's structure is intuitive, user-friendly, and aligns with the users' needs and expectations
![](https://framerusercontent.com/images/d8WOgMT0kg7XgWLywRUmbXO9g.png)
Prototyping and testing
![](https://framerusercontent.com/images/x59xHBXy8GE5H8PiDKxpW8ysYZ0.png)
![](https://framerusercontent.com/images/x59xHBXy8GE5H8PiDKxpW8ysYZ0.png)
![](https://framerusercontent.com/images/x59xHBXy8GE5H8PiDKxpW8ysYZ0.png)
User testing insights
01
02
03
Enhanced user flow optimization
Enhanced user flow optimization
Enhanced user flow optimization
Addressing the findings, restructured the flow to be more intuitive.
Addressing the findings, restructured the flow to
be more intuitive.
Addressing the findings, restructured the flow to
be more intuitive.
Emphasising on primary features
Emphasising on primary features
Emphasising on primary features
Feedback guided us to position primary features prominently, ensuring access to it.
Feedback guided us to position primary features prominently, ensuring access to it.
Feedback guided us to position primary features prominently, ensuring access to it.
Identifying design enhancements
Identifying design enhancements
Identifying design enhancements
Highlighting design details, impacting user satisfaction.
Highlighting design details, impacting user satisfaction.
Highlighting design details, impacting user satisfaction.
![](https://framerusercontent.com/images/izyPVIehVbbWQD36QRSYynjQsUw.png)
![](https://framerusercontent.com/images/izyPVIehVbbWQD36QRSYynjQsUw.png)
![](https://framerusercontent.com/images/izyPVIehVbbWQD36QRSYynjQsUw.png)
Design
Urbanparkr Style Guide
To ensure that while creating the designs my work is consistent and uniform, I created a style guide which documented the text hierarchies, colors, components, measurements, and other key elements!
To ensure that while creating the designs my work is consistent and uniform, I created a style guide which documented the text hierarchies, colors, components, measurements, and other key elements!
Button
Button &
Text input
Active
Button
Text |
|
Disabled
Button
|
|
Colors
Colors
Primary color
Primary color
#FFC727
#FFC727
#FFFFFF
#FFFFFF
#2A2A2A
#2A2A2A
Secondary color
Secondary color
#7B7B7B
#7B7B7B
#515151
#515151
Typography
Typography
Heading 1
Heading 1
Poppins • Medium • 24px
Poppins • Medium • 24px
Heading 2
Poppins • Regular • 18px
Poppins • Regular • 16px
Poppins • Regular • 16px
Heading 3
Heading 3
Body
Body
Poppins • light • 16px
Poppins • light • 16px
Icon
![](https://framerusercontent.com/images/u5tBaaoAt1qxcLKi4nmy77KLlcQ.png)
![](https://framerusercontent.com/images/u5tBaaoAt1qxcLKi4nmy77KLlcQ.png)
Illustrations
![](https://framerusercontent.com/images/8nnVanfWW0ZLc4plBJB0kMvyhXs.png)
![](https://framerusercontent.com/images/8nnVanfWW0ZLc4plBJB0kMvyhXs.png)
Design
Urbanparkr Style Guide
To ensure that while creating the designs my work is consistent and uniform, I created a style guide which documented the text hierarchies, colors, components, measurements, and other key elements!
Button
Text input
Active
Button
Text |
|
Disabled
Button
|
|
Colors
Primary color
#FFC727
#FFFFFF
#2A2A2A
Secondary color
#7B7B7B
#515151
Typography
Heading 1
Poppins • Medium • 24px
Heading 2
Poppins • Regular • 18px
Poppins • Regular • 16px
Heading 3
Body
Poppins • light • 16px
Icon
![](https://framerusercontent.com/images/u5tBaaoAt1qxcLKi4nmy77KLlcQ.png)
Illustrations
![](https://framerusercontent.com/images/8nnVanfWW0ZLc4plBJB0kMvyhXs.png)
Final screens
Onboarding screens
01
02
03
Self explanatory screens
Self explanatory screens
Self explanatory screens
Conveying the primary features of the application in the very beginning.
Conveying the primary features of the application in the very beginning.
Conveying the primary features of the application in the very beginning.
OTP verification System
OTP verification System
OTP verification System
Keeping the system more secure and safe, OTP verification is one of the most common system.
Keeping the system more secure and safe, OTP verification is one of the most common system.
Keeping the system more secure and safe, OTP verification is one of the most common system.
Phone number registration
Phone number registration
Phone number registration
Seamless signin and Signup experience by allowing users to register and authenticate themselves using their phone numbers.
Seamless signin and Signup experience by allowing users to register and authenticate themselves using their phone numbers.
Seamless signin and Signup experience by allowing users to register and authenticate themselves using their phone numbers.
![](https://framerusercontent.com/images/yT7rZ5NU4U7Hqd824yntBy8BtU.png)
![](https://framerusercontent.com/images/yT7rZ5NU4U7Hqd824yntBy8BtU.png)
![](https://framerusercontent.com/images/yT7rZ5NU4U7Hqd824yntBy8BtU.png)
![](https://framerusercontent.com/images/yT7rZ5NU4U7Hqd824yntBy8BtU.png)
Looking for parking screens
01
02
03
Seamless and user friendly flow
Seamless and user friendly flow
Seamless and user friendly flow
Users can effortlessly browse available parking spots based on their preferences.
Users can effortlessly browse available parking spots based on their preferences.
Users can effortlessly browse available parking spots based on their preferences.
Parking images and user reviews
Parking images and user reviews
Parking images and user reviews
Looking at the images and the reviews from the user, ensuring safety for new users.
Looking at the images and the reviews from the user, ensuring safety for new users.
Looking at the images and the reviews from the user, ensuring safety for new users.
Customise filter option
Customise filter option
Customise filter option
Booking in advance, can lead to planning things in advance.
Booking in advance, can lead to planning things in advance.
Booking in advance, can lead to planning things in advance.
![](https://framerusercontent.com/images/XweZbxQaoNF4XNod3fy3dtX76U.png)
![](https://framerusercontent.com/images/XweZbxQaoNF4XNod3fy3dtX76U.png)
![](https://framerusercontent.com/images/XweZbxQaoNF4XNod3fy3dtX76U.png)
![](https://framerusercontent.com/images/XweZbxQaoNF4XNod3fy3dtX76U.png)
Rent my spot Screen
01
02
03
RentMySpot: Primary Feature
RentMySpot: Primary Feature
RentMySpot: Primary Feature
It allows users to turn their unused
parking space.
It allows users to turn their unused
parking space.
It allows users to turn their unused
parking space.
4-step registration process
4-step registration process
4-step registration process
A detailed registration process helps users to maintain the authenticity of the application.
A detailed registration process helps users to maintain the authenticity of the application.
A detailed registration process helps users to maintain the authenticity of the application.
Customising available date & time
Customising available date & time
Customising available date & time
An option to put multiple date and times to have easy way of renting out the spot.
An option to put multiple date and times to have easy way of renting out the spot.
An option to put multiple date and times to have easy way of renting out the spot.
![](https://framerusercontent.com/images/d607Pa3A5F04wyUidRVlilJS7Y.png)
![](https://framerusercontent.com/images/d607Pa3A5F04wyUidRVlilJS7Y.png)
![](https://framerusercontent.com/images/d607Pa3A5F04wyUidRVlilJS7Y.png)
![](https://framerusercontent.com/images/d607Pa3A5F04wyUidRVlilJS7Y.png)
Next steps
Here’s what I could have done if given more time for this:
Here’s what I could have done
if given more time for this:
Accessibility Design: Enhance the UrbanParkr app's design to ensure it is more accessible to all users, by implementing WCAG guidelines.
RentMySpot Improvements: Strengthen the RentMySpot feature based on user feedback, making it more intuitive, seamless,
and user-friendly
Usability Testing: Conduct rigorous usability testing sessions, both moderated and unmoderated, to uncover any potential pain points and improve app functionality.
Personal takeaways:
I learned the significance of user research and competitive analysis in addressing user needs.
The use of various UX methodologies aided in designing an intuitive app, while innovative features like RentMySpot effectively tackled parking issues.
The project highlighted the importance of innovative solutions in resolving real-world problems.
Personal takeaways:
I learned the significance of user research and competitive analysis in addressing user needs.
The use of various UX methodologies aided in designing an intuitive app, while innovative features like RentMySpot effectively tackled parking issues.
The project highlighted the importance of innovative solutions in resolving real-world problems.