How to Solve Problems 1 and 2

The feedback showed that we needed to find a better way to inform people about the lease to convert them into users. The CEOs decided to push back the release of the mobile app and we decided to have users sign up through the website. 

The idea behind having users sign up through the app was to make it quick and easy. However as one tester put it:

Testers found the website more informative. Additionally I created infographics for the website to help better inform users.

Redesigning the Application

Testers consistently mentioned how the mobile app prototype and the desktop site did not look alike. However, most of them liked desktop design so I modeled my redesign. The image on the left is a screenshot of desktop and on the right we have the mobile prototype.

1. I changed the background to white, incorporated their new logo and kept the cupcake icon at the top. I chose the colors based on what I had seen on the website.

2. The blue bar with white text was a reoccurring UI element in the website, I incorporated it throughout my mockups of the app.

3. One comment was that the app has too much text. I looked at apps like Groupon and Living Social and saw that their apps are more visually oriented. People tend to skim text, so I felt basing the information on images would create a better experience.

4. The old menu has 3 icons. However they did not have a button that goes back to their home screen, which is a map. I decided to change it to 5 icons by adding an icon for the map and moving the hamburger menu to a more ergonomic position. I also added text under the icons to allow easier navigation.

Reducing Text

"This app tends to over explain itself"

Said one of my testers. For the prototype there were a lot of explanations which works for the prototype but once the user gets accustomed to the app the text clogs the interface. A simple solution was including coachmarks.

1. The first time a user opens a feature or a part of the app a quick text box pops up to explain the feature. As soon as they've finished reading they can press "OK Got It" to exit out.

2. The Question mark Icon acts as help button in case users get confused. It's always there when you need it.

Do One Thing Really Well

I believe where Prazo can add the most immediate value for users is in their ability to pick up cars for services and repairs. Taking a car to the mechanic is a pain point for most people, especially when you work full time and the mechanics hours overlap your work schedule.

I made sure to focus on this feature and have it run as smoothly as possible. Below is a short flow and the mockups of this feature.

I believe my design will allow users to book someone to pick up their cars in under 2 minutes and save them a ton of time by not going to the mechanic. They would pay for the service through the app, which already has their payment information and have it dropped off where it was picked up.

I borrowed design inspiration from Uber and Lyft. Especially with the driver profile which humanizes the driver and makes the app more trust worthy.

Reflection

My experience with Prazo gave me real world experience building an app and company from the ground up. Coming into this internship User Interface and Graphic design were both weaknesses but I now consider it a strength. I still work with the company in a loose capacity. I look forward to when they launch their app.