widecolor.gif
 

Spot

 

Mobile application concept that helps drivers easily locate options for places to park while on the go.

 

Key Skills

User research, wireframing, rapid design and prototyping

Background

This project was originally completed for a product design challenge, within a 2-3 day timeframe. Since then, I have worked on a major 2nd iteration, including interactive flows.

 

User Personas

 
undraw_city_driver_jh2h.png

Rosa: Work Commuter, 32 years old

Rosa lives in an urban neighborhood—and her commute everyday ends with a hunt for parking. Street sweeping, confusing parking restrictions, and parking tickets are common.

 
 
undraw_ice_cream_s2rh.png

Jake: College Student, 20 years old

Jake often goes into the city to meet up with his friends for lunch and only needs to park for short periods of time. Being a college student, he prefers the cheapest options available. 

 

User Interviews & Collecting Insight

 

01/ Convenience

Drivers want an easy and efficient method of finding parking while on the go. They do not want to have to decipher street signs or waste time circling around the neighborhoods. 

02/ Provide Options

People have preferences on where they want to park, depending on their situation, and want to be able to know the options that are available. For instance, some people prefer to park in garages if they know they will be at a destination for a longer period of time, while others prefer to park on the street because of the reduced costs. 

03/ Be Informed

Often times, the streets are lined with signs that are hard to understand or read during busy street traffic, resulting in confusion and expensive fines. Drivers want to be confident that they are parked in an area that is allowed and aligns with their time needs.

04/ Planning Ahead

Before driving to a destination, people want to know where to route to ahead of time. Frustration and stress occurs when they route to the destination only to realize there is no available parking and they are unsure of where to go next. 

 

Ideation

 

Wireframes and sketches

Wireframes I created during the initial iteration to establish the main steps and user flow for the process of finding where to park.

IMG_0358.jpg
IMG_0360.jpg
 

Original Screens

These were initially completed within 2-3 days for a product design challenge.

Screen Shot 2019-11-03 at 9.46.23 PM.png
 

Solution

 

01/ Search and filter

Users can search their destination to find available parking options before they start driving. By inputting the date and estimated time of arrival and departure, their search results filter out options that do not align with their needs. If they have already arrived at their destination, they can find a spot near their current location using the map view.

search.png
 

02/ View Options

After entering a destination, they are provided with possible areas to park and can scroll horizontally to view and compare the different options. The following information is provided about each parking spot:

  • Address

  • Type of parking

  • Price 

  • Walking distance from their final destination

  • A CTA button that allows them to start the navigation

  • Scrolling up provides expands additional info about parking schedules

pull up.png
 

03/ Favorites

Frequently visited locations can be bookmarked to quickly begin the navigation at another time or to view any changes in parking requirements. The screen provides more information about the parking spot, such as the weekly parking schedule, prices, and distance away from the current location.

Favorites.png
 

Next Steps

 

User Testing and Iterations

Since this project was originally part of a design challenge with a limited time frame, I will continue improving on this project by performing user tests to gather feedback and creating a high-fidelity interactive prototype.