Inforcom — Mobile App Redesign
Helping corporate drivers find the best partner gas stations quickly and efficiently
01 · Overview
Inforcom is a Russian fuel-card operator working with corporate fleets, individual entrepreneurs, and businesses. The mobile app helps drivers find nearby partner gas stations, check fuel prices, navigate to the station, and choose the most cost-effective option based on their card benefits.
The redesign was initiated to modernize the outdated interface, improve the map experience, and introduce the visual «traffic-light» pricing indicator that highlights stations with the best prices.
*new design
02 · The Challenge
The original app suffered from several critical issues:
An outdated design that made interaction difficult
Unstable and inconsistent map performance
Confusing navigation and broken filters
Low clarity of map markers and station information
No visual system for comparing fuel prices
As a result, drivers had trouble quickly finding partner
stations and understanding which one offered the best price.
03 · Project Goals
Simplify navigation and reduce steps in the core flow
Help corporate drivers quickly find stations that accept their Inforcom card
Introduce a clear visual system for comparing fuel prices («traffic light»)
Refresh the interface to a clean, modern, accessible look
Improve map readability and redesign station markers
*Previous design
04 · My Role
As the UI/UX Designer, I was responsible for:
Competitive analysis and review of user pain points
Restructuring navigation and improving flows
Redesigning key screens based on client requirements
Creating a complete UI-kit (components, icons, map markers, colors)
Designing the new traffic-light price indicator
Improving the map interface and visual hierarchy
Redesigning promotions and additional card-related services
I collaborated directly with the client team and developers to ensure design feasibility and consistency.
05 · Key Design Decisions
1.
Simplified navigation
I reorganized the core flow and placed emphasis on the map, stations, filters, and route building.
2.
Introduced the “traffic-light” pricing system
A new color-coded system helps drivers instantly identify advantageous fuel prices
Best price
Average
Less favorable
3.
Redesigned map markers
Created clear, branded markers with improved visibility and hierarchy, making it easier to scan the map while driving.
Best price
Best price
4.
Improved filters
Filters became accessible, logical, and easy to use, allowing users to sort stations by fuel type, brand, distance, and more.
5.
A modern visual language
Updated colors, typography, spacing, and layout while preserving brand identity.
6.
Redesigned promotions and service cards
Created structured, appealing card layouts to highlight discounts and partner services.
06 · Outcome
The new design:
improves map clarity and user decision-making
reduces time to find an optimal partner station
makes price comparison instantaneous
strengthens brand consistency
prepares the app for future scaling with a unified UI-kit
The redesigned interface was delivered to the client for implementation.
