WAIE
Completed
Team
Yellow media
Role
Research
UX/UI design
Design system
Prototyping
In numbers
160 screens
Challenge
The previous WAIE interface was built primarily around large corporate fleets, with little flexibility for smaller businesses or individual drivers. As the service expanded, the system needed to scale from managing a handful of vehicles to fleets of hundreds — without becoming harder to navigate for either audience. The core challenge was to simplify a fuel-management system historically built for one type of user (large corporate fleets) so it could serve individuals and small businesses just as easily, while keeping every action clear and reducing the manual steps required to manage tags, refueling events, and account settings.
My role
Throughout the project, my responsibilities encompassed all stages: from initial research in collaboration with the lead designer and project manager to prototyping and the creation of the UI kit. The design process involved numerous discussions, consultations with business representatives, and team brainstorming sessions.
Define and Research
Discovery
Requirements gathering was the first stage of the project, spanning two days of close collaboration with the product owner and project manager, clarifying several points that weren't fully defined at the outset. Note: the diagram below shows the final UX flow for desktop and mobile. It started as a simplified schema and was expanded into full UI screens for the client demo.
Clarification
Over roughly two weeks of additional client calls and team brainstorms, we defined several secondary requirements — including extra rules for corporate customers that affect system behavior and technical details — before locking in the project goals.
Project goals
Information clarity: This partially followed from the previous one. Focus on the design of the information panel, giving priority to visual clarity to ensure users have a clear understanding of crucial system events. Scalability: Enhance adaptability for various fleet sizes, ensuring a seamless experience for users managing multiple corporate vehicles. Intuitive navigation: Prioritize navigation clarity, allowing users to easily locate essential functions and interact with them without cognitive overload. Automation: reduce manual steps and enhance efficiency for both corporate employees and private users. New design system: The current style looks extremely outdated. It has to be redrawed from scratch. We kept the main colors from the main company style and expanded it with new clean and accessible colors that pass WCAG standards.
Solutions
New dashboard
A key goal was a dashboard that surfaces essential information without forcing users to dig through multiple sections. We also added onboarding for new users to help them set up the system — with the option to skip it if preferred.
Scalability
The new interface needed to scale smoothly whether managing 1–2 vehicles or a fleet of hundreds. As part of this, we introduced a dedicated individual-user type — a segment the system hadn't supported before, since it was originally built only for corporate fleets.
Improved fleet management
The client can choose the type of services according to requirements: both the development of a unique system and a salesforce-based solution. Depending on the needs, the client can choose one of the available options:
Digitalized tag installation process
Previously, installing a tag on a vehicle required calling the company's call center and scheduling a station visit manually. Now, tag installation can be scheduled, tracked, and managed remotely for an entire fleet.
Mass actions
Managing a large fleet one vehicle at a time was one of the biggest pain points reported by clients — bulk changes across groups and categories simply weren't possible. We added multi-vehicle actions to both desktop and mobile, adapted to each platform's screen size and interaction patterns.
New style and design library
Updating the visual style also meant rethinking the design assets and control elements from the ground up. Given the project didn't have scope for a full design system, we built a focused UI kit instead — which brought a few concrete benefits: More flexible management of design changes through a component-based approach. Faster UI assembly, since most elements existed as reusable components — turning screen design into screen assembly. This saved an estimated 30% of the time allocated to this stage. Easier iteration and lower design cost for future updates.
Polishing interaction experience
A few screens below show the updated UI — some flows were rebuilt from scratch, others needed only minor visual updates.
Conclutions
The goal is to make contactless fuel service as effortless as picking up a free sample in a store — understandable in a few clicks, with minimal friction. Reaching that may mean exploring alternative approaches to tag installation going forward.
