Click on the above image to view the prototype
OVERVIEW
In a transformation of Austin's parking system, Park ATX is an innovative app that allows users to find, reserve, and manage parking spots effortlessly.
In a transformation of Austin's parking system, Park ATX is an innovative app that allows users to find, reserve, and manage parking spots effortlessly.
CHALLENGE
Austin's rapid urban growth led to increased vehicular congestion, making parking a significant pain point for residents and visitors. The existing parking solutions were fragmented and inefficient, often resulting in user frustration. Through extensive research and testing, we identified three key hurdles:
Austin's rapid urban growth led to increased vehicular congestion, making parking a significant pain point for residents and visitors. The existing parking solutions were fragmented and inefficient, often resulting in user frustration. Through extensive research and testing, we identified three key hurdles:
1. The current app did not feature an intuitive and usable interface, which impeded users' ability to easily find a parking spot, complete a reservation, and pay for the time. The interface oversimplified the process and offered bland solutions and notifications.
2. There was no cohesive brand direction and stylistic guide to tie the interface and components together. There was no onboarding flow and there was no app identity. The app operated more like a web-app built on HTML, rather than an Austin-native, user-friendly, pleasant user journey.
3. The user journey felt chaotic and non-linear. While it was fairly easy to find a parking code and input the reservation duration, the app felt less like an experience and more like a transaction.
IDEATION
We naturally began with wireframes and low-fidelity prototypes before adding stylistic elements. The majority of these wireframes drew inspiration from ticketing apps and reservation booking flows for restaurants and venues. We wanted the user experience to feel intuitive and seamless - something they were comfortable with. The wireframes gave us an idea of what the visual hierarchy would be on certain pages and how the modular design system would organize itself.
We naturally began with wireframes and low-fidelity prototypes before adding stylistic elements. The majority of these wireframes drew inspiration from ticketing apps and reservation booking flows for restaurants and venues. We wanted the user experience to feel intuitive and seamless - something they were comfortable with. The wireframes gave us an idea of what the visual hierarchy would be on certain pages and how the modular design system would organize itself.
STYLE GUIDE
The style guide was developed in conjunction with the wireframing and research phases of the project, in order to inform the larger design decisions of the user experience. The overall MO was to stay minimalist, and let minimal artistic decisions guide the user in a pleasant way, without infusing much personality into the app itself. The typography features the Urbanist typeface, the color guide allows for seamless integration within different components and flows, and the iconography adds a modernist touch to the user experience through important symbols and accessibility graphics.
The style guide was developed in conjunction with the wireframing and research phases of the project, in order to inform the larger design decisions of the user experience. The overall MO was to stay minimalist, and let minimal artistic decisions guide the user in a pleasant way, without infusing much personality into the app itself. The typography features the Urbanist typeface, the color guide allows for seamless integration within different components and flows, and the iconography adds a modernist touch to the user experience through important symbols and accessibility graphics.
MODULAR DESIGN SYSTEM
To maintain consistency and ensure efficient design-to-development handover, a modular design system was developed based on reusable components and their states, such as cards, list items, and controls. Every component can be rearranged and combined with others while maintaining design consistency and recognizable UI patterns for the user. This approach ensures a seamless and cohesive user experience throughout the app.
To maintain consistency and ensure efficient design-to-development handover, a modular design system was developed based on reusable components and their states, such as cards, list items, and controls. Every component can be rearranged and combined with others while maintaining design consistency and recognizable UI patterns for the user. This approach ensures a seamless and cohesive user experience throughout the app.
SPOT RESERVATION FLOW
Users can easily find, select, and reserve parking spots in real-time, ensuring a hassle-free experience. With detailed information on available spots, duration options, and seamless payment integration, parking has never been more convenient. The system is designed to provide a quick and efficient way to manage parking, catering to both everyday drivers and those with specific needs.
Users can easily find, select, and reserve parking spots in real-time, ensuring a hassle-free experience. With detailed information on available spots, duration options, and seamless payment integration, parking has never been more convenient. The system is designed to provide a quick and efficient way to manage parking, catering to both everyday drivers and those with specific needs.
