top of page

Icon parking
app redesign

Client project -
redesign the existing Icon Parking app

Project Duration - May 2022 to June 2022

Tools - Adobe XD, Figma, Miro, Adobe Photoshop

About

Icon Parking, combined with Quik Park, is the largest parking operato in Manhattan with over 200 special locations and more than 50 years of experience.

Project Team

1 Product Manager, 1 Graphic Designer ,

& 1 UI/UX Designer

My Role

Goal

To redesign the existing Icon Parking App based on research and analysis. Make the application more modern and user-friendly.

Lead in UX/UI design, User Research

Duration

4 weeks (May 2022 to June 2022)

Design Process >>>>

Group 13.png

Current App

The Icon Go App was launched in 2011, with 200+ parking lots available and 40,000+ cars parked daily.

Group 29.png

User Research

Based on interviews with 8 existing parking app users, we learned that people do not enjoy using the app due to its poor functionality, unclear navigation, and frustrating booking process.

Asset 1 copy.png

“It would be nice to have a text confirmation after reserving a spot”

Asset 2.png

“It took me 4 steps to get my parking ticket. It’s just too cumbersome.”

Asset 1.png

“The “back” and “like” buttons are almost impossible to click on.”

Asset 2 copy.png

“The app gives me multiple addresses, I had to scratch my head off to find the right one.”

“There are promo codes on the website but I just couldn’t apply at checkout”

“I wish there are filters for rating and price to narrow down desired parking lots,”

“I’m unable to copy & paste the address and there is also no way to turn off my notification.”

Information Architecture

Our goal is to assist users in efficiently locating information (i.e. parking ticket, coupon) and completing tasks(i.e. book parking), by organizing, structuring, and labeling content in an efficient and sustainable way.

 

It helps understand how different features fit together to form the whole picture, and how each function relates to one another within the system. 

Group 20.png

Wireframes

The wireframes allow us to think through the user flow. It helps us define what was necessary, and unnecessary, and what areas needed improvement.

Screen Shot 2022-12-09 at 12.32.44.png

Redesign & Improvements

Sign In & Registration

When a user signs up for the app for the first time, we introduce the benefits and features of the application.

Before

IMG_1424.PNG
IMG_1441.PNG

>>>>

After

Get Started.png
Login.png

Find Parking

“Find Parking” is the main page of the app. By applying the filter to the search bar, users can quickly find their favorite parking spots.

Before

IMG_1425.PNG
IMG_1440.PNG

>>>>

After

Find Parking - Daily.png
Filter.png

Profile Page

By reorganizing the profile page and adding a promo button in the menu bar, users can more directly find what they want.

Before

IMG_1427.PNG
IMG_1426.PNG

>>>>

After

Profile.png
Promotion.png

New Features

Map Navigatio>>>>

By clicking the “GET DIRECTION” button, the map will show real-time traffic information to find the best route to the reserved parking location.

Reservation - Current.png
Navigation.png
Confirmation.png
Parking Ticket.png

Parking Ticket >>>>

Users may access the check-in QR code, reservation time, location, and contact information via the central console on the bottom navigation bar.

bottom of page