When I was first hired at ParkHub in 2017, this visual design refresh for our mobile point of sale app was already in motion. My role on the project was to see it to its completion based on the visual design direction that had already been defined, which included high fidelity work to finish navigational flows, stylistic cleanup, and collaborating with engineers to deliver accurate specs (redlines) and usable assets.

In addition to making the app look more modern, we also made a few changes to the navigation interactions in to reduce transaction times and improving operational efficiency.

Comparison showing before and after of many different screens throughout the flow of the app

Reducing Visual Clutter

The previous design of the app was visually cluttered, without that extra clutter providing any actual benefit to the user. We sought improve the clarity of the UI to help the user to focus on the task at hand.

Dark Mode

Through user feedback sessions we learned that our light theme was far too bright for darker environments, such as transacting during a night time event, or inside of a poorly lit parking garage.

Outcomes

This redesign is active across all of our devices, which are deployed at our client’s locations throughout the US.

We continue to iterate on the design and added functionality according to the needs of our clients, while trying to stay true to the visual design language that was established.

Future considerations

Thankfully, since this project is still being actively supported, I can probably get these little tweaks on our roadmap.

Accessibility in Dark Mode

• Given that the colored price point cards are visually very bright compared to the dark background, it would be worth considering darkening the colored cards (perhaps with a lower opacity) in order to improve the text contrast of the white text.