UI Design, UX, Prototyping, Usability testing
When I first joined ParKam (late 2016) the company already had a lean demo version of the app, with the following design. There was no initial UX process (wireframes/prototype) that I could go back to for reference.
It was clear from the get-go that we needed to take the existing demo version to the next level in terms of UI, user flow and general user experience.
(before my time)
Prototyping, Wireframes, Flow Chart
After reviewing it myself and gathering some feedback from users and ParKam's management team I proposed to take a step back before tackling the UI issues of the demo version.
With the app's MVP in mind, additional features that we wanted to add and a better understanding of the product I created a prototype with wireframes and an initial flow chart for the app.
Initial Flow Chart
Version 1 (2017)
Once we had a clear vision of the app's MVP version and the roadmap to follow I started working on new UI designs.
One of the main differences compared to the demo version was the decision to use rounded shapes for buttons, icons and other elements throughout the app.
Custom iconography for the navigation instructions, based on the rounded graphic approach for the entire UI.
I decided to use the following color pallet of gradients, based on ParKam's existing brand (blue gradient).
Car Size Icons
Selected Screens - Version 1
Onboarding Screens - Version 1
iOS Version 1 - UI Flow Chart
Android Version 1 - UI Flow Chart
Additional Selected Wireframes
features and alternatives we decided to keep for future versions (after MVP)
Payment Screens Mockups
Parking Radius Settings Mockups
New Features & UI Iterations
Once we completed our MVP version of the app I started working on desigining new features and iterating existing screens in order to improve our UX and flow.
Product Scope Document
In 2018 we did not have a product manager in the company, and so I created a document describing the entire flow and scope of our mobile app.
It included UI/UX description for each segment on the various screens, as well as the logic and definitions implemented by our developers.
It is updated regularly as we add or change features in the app.
The Full Product Scope Document (slide gallery)
In 2019 we decided to send an email to our Israeli users with the latest updates and new features on the app: