Every wash hall at Wash World has its own POS terminal in front of it. Washes are ordered from these terminals. I interviewed and shadowed users at a few of these wash halls to determine pain points. I redesigned every screen based on the uncovered pain points. I got feedback from quantitative tests I performed in Lyssna where I experimented with different things. Finally, I made a prototype in Figma that I used for qualitative tests with users on-site for validation purposes.
I delivered designs for a new UI, that made use of animations and transitions to gradually present information at a gentle pace to avoid users feeling overwhelmed.
Wash content was shown to users with a transition. First the user is asked to select a wash, then the five washes slide to the left edge of the screen, and the wash content is displayed on the right, prompting the user to press continue if they are satisfied or select a different wash to see how the wash content changes.
In an effort at making it easier to contact customer service I made a new get help modal available on all pages, should a user require assistance.
I was unable to solve the final pain point regarding the inconvenience of using the touch screen by reaching out of a car window. The team had talked about starting a wash from an app by scanning a QR code but that got postponed.
Case 1: Point of Sale Terminals
At
Wash World
Year
2024
Pain Points
Cluttered UI causes confusion
Wash content is not explained
No staff on-site to offer assistance
Due to screen being outside of the car, ordering a wash is inconvenient
Outcome
Screen Examples
This next section displays a few screenshots of the final designs.
The welcome/idle screen
A new page that lets the user review their wash and select a payment method.
Introduction
Appears if the license plate recognition software fails to detect one from the database
This screen allows the user to select their wash. When a wash is selected, they transition to the left edge of the screen, and the wash’s content fades in on the right side.
Some are still unaware as to how QR codes work.
I created a modal with information on how to contact customer service, which is available from all steps in the flow.