ParkAlot
Redesigning a parking app to improve usability and fix user pain points throughout the entire process.
Introduction
The Goal
Simplify the parking experience by helping drivers quickly find, compare and choose nearby parking options while saving time and lowering costs in car-dependent urban environments.
Target Users
Independent drivers aged 24 and above who frequently search for nearby parking options in large urban areas.
User Flow
The flow represents the app’s primary scenario, highlighting how it supports drivers who needs to find
nearby parking. The main flow consists of seven screens including the registration process, and five screens when the registration process is excluded.
User Survey
Research Method: Qualitative free-structured interviews and face-to-face usability testing.
Sample Size: 8 participants.
Reasoning: The project is still in development and available only in test mode, so a fast and efficient research approach was needed to gather actionable feedback.
Before Screens
After Screens
The before screens reflect the dev team’s first attempt to translate their technical vision into a functional product and after screens was my attempt to fix user pain points and my notes.
Sign In / Login Enhancements
Added a visible password toggle to reduce input errors during account creation.
Refined system notifications and microcopy to create a clearer and more professional onboarding experience.
Improved the transition between registration and login by introducing a clearer visual flow and reducing user confusion after sign-up.
Microcopy Improvements
Refined button labels and CTA wording to better match the user’s current flow and reduce confusion.
Improved navigation clarity by adapting actions and labels to users already entering from the mobile app experience.
Fixed report categories
Location Permission Prompt
Search & Location Controls
Exit App Modal
Added long-press map interaction to allow users to select locations visually without needing the exact street name.
Improved navigation clarity by adapting actions and labels to users already entering from the mobile app experience.
Redesigned the search and menu area by combining components, simplifying the button shape, and reducing unnecessary map obstruction.
Introduced location permission approval on app entry and added dynamic location button states to better inform users about their current position.
Improved the problem-report system by adding clearer identifying icons and visually separated reporting categories.
Improved Location Search
Expanded the clickable area of the search component so both the text and icon trigger the interaction.
improved interaction feedback and touch responsiveness to reduce confusion and repeated presses.
Refined the “Search Here” interaction with clearer visual guidance and smoother transitions to improve usability.
Search History
Clear Searches
Saved Searches
Improved location search visibility and guidance to make the search flow more intuitive for users.
Refined the visual design and graphics to create a cleaner and more modern interface.
Added recent searches and favorites to improve accessibility and speed up repeated parking searches.
Parking location Search
Nearby Search
Refined the UI to improve visual clarity, consistency, and overall usability.
Date Modal
Time Modal
Simplified time selection by replacing unrealistic manual minute inputs with more practical parking duration increments.
Refined the parking duration flow to better align with the app’s primary target audience and real-world parking behavior.
Refined the UI to improve visual clarity and overall consistency.
Parking List Alpha
Parking scroller cards Beta
Parking List Final
Improved navigation clarity by reducing dead-end interactions and making the return flow more intuitive for users.
Added more visible back navigation and swipe-back interactions aligned with common mobile usability patterns.
Researched and explored list-based navigation solutions to better guide users while browsing parking options
Parking Card Improvements
Introduced multiple parking availability states such as “Last Spots” to better reflect real-time parking conditions in busy areas.
Expanded parking lot information to provide users with more detailed and useful data when comparing parking options.
Improved the favorites experience by adding a dedicated favorites category and a focused map view for saved locations.
Refined the UI to improve visual clarity and overall consistency.
Navigation panel redesign
Improved navigation behavior by keeping users within the same flow after starting navigation actions, reducing unnecessary backward transitions and confusion.
Side Menu Enhancements
Settings Integration
Delete account Modal
Saved parkings map
Expanded the side menu from an empty development state into a more functional and meaningful navigation area.
Improved delete button placement to make the action easier to find and use safely.
Added a business model section to support future monetization opportunities.
Added a ranking system component to motivate users to report missing or new parking data and improve the system.
Improved navigation behavior by keeping users within the same flow after starting navigation actions, reducing unnecessary backward transitions and confusion.
Landing page
In the prototypes, I present a rebrand of the product, changing the name from "ParkAlot" to "PARKO" and using a new font to create a more modern, startup oriented look. The name was chosen for its familiarity within the parking space, helping the product feel more recognizable and credible.
AI generated original
Redesign A (Figma)
Redesign B (React.JS)
Feedback
After launching the app from beta testing to its first official version and achieving more then 1000 downlods, I returned to the original survey participants to gather additional feedback, as they were able to compare between the two versions.
Strongly agree
Agree
Not sure
Disagree
Strongly disagree
User interface improvements
Does the updated interface feel clearer and easier to use?
Database improvements
Did you notice a wider and more useful range of parking information available to you?
Agree
75%
Not sure
12.5%
Agree
62.5%
Strongly agree
12.5%
Feature enhancements
Do the added or refined features better support your parking needs?
Parking discovery process improvements
Is finding and choosing a parking spot quicker and more intuitive in this version?
Agree
50%
Strongly agree
12.5%
Key Insights
Based on user comments and conclusions drawn from the data gathered during research.
Greater Map Control
Users wanted the ability to move and explore the map while choosing a parking lot instead of it being fixed, showing that spatial freedom is important for confident decisions.
More Flexible Time & Price Search
Participants preferred broader date ranges and manual input over quick selectors, indicating the need for more granular filtering options.
Data Accuracy & Coverage Matter
Some inconsistencies in parking prices and missing lot information reduced trust, highlighting the importance of up-to-date and complete data.
Clear Overall Improvement Recognized
Most survey responses agreed that the redesign improved clarity, feature usefulness, and the speed of finding parking, confirming a positive usability trend.
ParkAlot
Redesigning a parking app to improve usability and fix user pain points throughout the entire process.
Introduction
The Goal
Simplify the parking experience by helping drivers quickly find, compare and choose nearby parking options while saving time and lowering costs in car-dependent urban environments.
The Problem
Independent drivers aged 24 and above who frequently search for nearby parking options in large urban areas.
User Flow
The flow represents the app’s primary scenario, highlighting how it supports drivers who needs to find nearby parking. The main flow consists of seven screens including the registration process, and five screens when the registration process is excluded.
User Survey
Research Method: Qualitative free-structured interviews and face-to-face usability testing.
Sample Size: 8 participants.
Reasoning: The project is still in development and available only in test mode, so a fast and efficient research approach was needed to gather actionable feedback.
Before Screens
After Screens
The before screens reflect the dev team’s first attempt to translate their technical vision into a functional product and after screens was my attempt to fix user pain points and my notes.
Sign In / Login Enhancements
Added a visible password toggle to reduce input errors during account creation.
Refined system notifications and microcopy to create a clearer and more professional onboarding experience.
Improved the transition between registration and login by introducing a clearer visual flow and reducing user confusion after sign-up.
Microcopy Improvements
Refined button labels and CTA wording to better match the user’s current flow and reduce confusion.
Improved navigation clarity by adapting actions and labels to users already entering from the mobile app experience.
Fixed report categories
Location Permission Prompt
Search & Location Controls
Exit App Modal
Improved Location Search
Expanded the clickable area of the search component so both the text and icon trigger the interaction.
improved interaction feedback and touch responsiveness to reduce confusion and repeated presses.
Refined the “Search Here” interaction with clearer visual guidance and smoother transitions to improve usability.
Search History
Clear Searches
Saved Searches
Improved location search visibility and guidance to make the search flow more intuitive for users.
Refined the visual design and graphics to create a cleaner and more modern interface.
Added recent searches and favorites to improve accessibility and speed up repeated parking searches.
Parking location Search
Nearby Search
Refined the UI to improve visual clarity, consistency, and overall usability.
Date Modal
Time Modal
Simplified time selection by replacing unrealistic manual minute inputs with more practical parking duration increments.
Refined the parking duration flow to better align with the app’s primary target audience and real-world parking behavior.
Refined the UI to improve visual clarity and overall consistency.
Parking Card Improvements
Parking List Alpha
Parking scroller cards Beta
Parking List Alpha
Improved navigation clarity by reducing dead-end interactions and making the return flow more intuitive for users.
Added more visible back navigation and swipe-back interactions aligned with common mobile usability patterns.
Researched and explored list-based navigation solutions to better guide users while browsing parking options
Side Menu Enhancements
Settings Integration
Delete account Modal
Saved parkings map
Navigation panel redesign
Improved navigation behavior by keeping users within the same flow after starting navigation actions, reducing unnecessary backward transitions and confusion.
Landing page
In the prototype, I present a rebrand of the product, changing the name from "ParkAlot" to "PARKO" and using a new font to create a more modern, startup oriented look. The name was chosen for its familiarity within the parking space, helping the product feel more recognizable and credible.
Redesign A (Figma)
Redesign B (React.JS)
Feedback
After launching the app from beta testing to its first official version and achieving more then 1000 downlods, I returned to the original survey participants to gather additional feedback, as they were able to compare between the two versions.
Strongly agree
Agree
Not sure
Disagree
Strongly disagree
User interface improvements
Does the updated interface feel clearer and easier to use?
Agree
75%
Strongly agree
12.5%
Database improvements
Did you notice a wider and more useful range of parking information available to you?
Agree
62.5%
Strongly agree
12.5%
Feature enhancements
Do the added or refined features
better support your parking needs?
Agree
50%
Disagree
25%
Strongly agree
12.5%
Parking discovery process improvements
Is finding and choosing a parking spot quicker and more intuitive in this version?
Agree
37.5%
Not sure
12.5%
Disgree
12.5%
Strongly agree
37.5%
Key Insights
Based on user comments and conclusions drawn from the data gathered during research.
Greater Map Control
Users wanted the ability to move and explore the map while choosing a parking lot instead of it being fixed, showing that spatial freedom is important for confident decisions.
More Flexible Time & Price Search
Participants preferred broader date ranges and manual input over quick selectors, indicating the need for more granular filtering options.
Data Accuracy & Coverage Matter
Some inconsistencies in parking prices and missing lot information reduced trust, highlighting the importance of up-to-date and complete data.
Clear Overall Improvement Recognized
Most survey responses agreed that the redesign improved clarity, feature usefulness, and the speed of finding parking, confirming a positive usability trend.
ParkAlot
Redesigning a parking app to improve usability and fix user pain points throughout the entire process.
Introduction
The Goal
Simplify the parking experience by helping drivers quickly find, compare and choose nearby parking options while saving time and lowering costs in car-dependent urban environments.
The Problem
Independent drivers aged 24 and above who frequently search for nearby parking options in large urban areas.
User Flow
The flow represents the app’s primary scenario, highlighting how it supports drivers who needs to find nearby parking. The main flow consists of seven screens including the registration process, and five screens when the registration process is excluded.
User Survey
Research Method: Qualitative free-structured interviews and face-to-face usability testing.
Sample Size: 8 participants.
Reasoning: The project is still in development and available only in test mode, so a fast and efficient research approach was needed to gather actionable feedback.
Before Screens
After Screens
The before screens reflect the dev team’s first attempt to translate their technical vision into a functional product and after screens was my attempt to fix user pain points and my notes.
Sign In / Login Enhancements
Added a visible password toggle to reduce input errors during account creation.
Refined system notifications and microcopy to create a clearer and more professional onboarding experience.
Improved the transition between registration and login by introducing a clearer visual flow and reducing user confusion after sign-up.
Microcopy Improvements
Refined button labels and CTA wording to better match the user’s current flow and reduce confusion.
Improved navigation clarity by adapting actions and labels to users already entering from the mobile app experience.
Fixed report categories
Location Permission Prompt
Search & Location Controls
Exit App Modal
Added long-press map interaction to allow users to select locations visually without needing the exact street name.
Improved navigation clarity by adapting actions and labels to users already entering from the mobile app experience.
Redesigned the search and menu area by combining components, simplifying the button shape, and reducing unnecessary map obstruction.
Introduced location permission approval on app entry and added dynamic location button states to better inform users about their current position.
Improved the problem-report system by adding clearer identifying icons and visually separated reporting categories.
Improved Location Search
Expanded the clickable area of the search component so both the text and icon trigger the interaction.
improved interaction feedback and touch responsiveness to reduce confusion and repeated presses.
Refined the “Search Here” interaction with clearer visual guidance and smoother transitions to improve usability.
Search History
Clear Searches
Saved Searches
Improved location search visibility and guidance to make the search flow more intuitive for users.
Refined the visual design and graphics to create a cleaner and more modern interface.
Added recent searches and favorites to improve accessibility and speed up repeated parking searches.
Parking location Search
Nearby Search
Refined the UI to improve visual clarity, consistency, and overall usability.
Date Modal
Time Modal
Simplified time selection by replacing unrealistic manual minute inputs with more practical parking duration increments.
Refined the parking duration flow to better align with the app’s primary target audience and real-world parking behavior.
Refined the UI to improve visual clarity and overall consistency.
Parking Card Improvements
Introduced multiple parking availability states such as “Last Spots” to better reflect real-time parking conditions in busy areas.
Expanded parking lot information to provide users with more detailed and useful data when comparing parking options.
Improved the favorites experience by adding a dedicated favorites category and a focused map view for saved locations.
Refined the UI to improve visual clarity and overall consistency.
Parking List Final
Parking List Alpha
Parking scroller cards Beta
Improved navigation clarity by reducing dead-end interactions and making the return flow more intuitive for users.
Added more visible back navigation and swipe-back interactions aligned with common mobile usability patterns.
Researched and explored list-based navigation solutions to better guide users while browsing parking options
Side Menu Enhancements
Settings Integration
Delete account Modal
Saved parkings map
Expanded the side menu from an empty development state into a more functional and meaningful navigation area.
Improved delete button placement to make the action easier to find and use safely.
Added a business model section to support future monetization opportunities.
Added a ranking system component to motivate users to report missing or new parking data and improve the system.
Improved navigation behavior by keeping users within the same flow after starting navigation actions, reducing unnecessary backward transitions and confusion.
Navigation panel redesign
Improved navigation behavior by keeping users within the same flow after starting navigation actions, reducing unnecessary backward transitions and confusion.
Landing page
In the prototypes, I present a rebrand of the product, changing the name from “ParkAlot” to "PARKO" and using a new font to create a more modern, startup oriented look. The name was chosen for its familiarity within the parking space, helping the product feel more recognizable and credible.
AI generated original
Redesign A (Figma)
Redesign B (React.JS)
Feedback
After launching the app from beta testing to its first official version and achieving more then 1000 downlods, I returned to the original survey participants to gather additional feedback, as they were able to compare between the two versions.
Key Insights
Based on user comments and conclusions drawn from the data gathered during research.
Data Accuracy & Coverage Matter
Some inconsistencies in parking prices and missing lot information reduced trust, highlighting the importance of up-to-date and complete data.
Greater Map Control
Users wanted the ability to move and explore the map while choosing a parking lot instead of it being fixed, showing that spatial freedom is important for confident decisions.
More Flexible Time & Price Search
Participants preferred broader date ranges and manual input over quick selectors, indicating the need for more granular filtering options.
Clear Overall Improvement Recognized
Most survey responses agreed that the redesign improved clarity, feature usefulness, and the speed of finding parking, confirming a positive usability trend.
