1
clear home hub
Balance, savings, transactions and priority actions were reorganized around one main screen.
Case study · Mobile app design
Litrol mobile app design for faster fuel payments and clearer driver savings.
99 Francs redesigned the mobile interface for a fuel and energy app that helps drivers buy fuel with discounts, manage balance, track savings and pay without waiting in queues.
ClientLitrol
IndustryFuel and energy
ServicesMobile app design, UX/UI design, web design
Timeline3 weeks
Team2 designers
Product context
Fuel payments, discounts and account actions in one driver app.
The visual system keeps the app calm and readable while making the key financial state visible: balance, savings, replenishment and purchases.
Direct answer
This mobile app design project turned Litrol into a clearer driver account hub for fuel discounts, payments, savings and quick actions.
The redesign focused on the main screen, navigation, balance replenishment, transaction access, feature discovery and a promotional landing page that could explain the app to new users.
Outcome
A mobile interface that puts payment confidence before decoration.
For a fuel app, users need fast answers: how much money is available, where the savings are, what they bought and which action comes next.
5
core app zones
Map, gas stations, home, profile and settings were separated into a navigation model users can understand quickly.
2
launch surfaces
The project covered the mobile app interface and a promotional landing page for customer acquisition.
Challenge
The app had useful features, but the main screen needed a stronger hierarchy.
Litrol needed a new main screen that could show the app's value immediately: balance, replenishment, savings from refueling, transactions and additional features without making the interface feel overloaded.
Balance became the first product signal
Drivers open the app to understand whether they can pay, save or top up. We made the account balance, savings and replenishment path visible before secondary content.
Secondary features got useful placement
Referral, statistics and insurance features were not hidden in deep settings. They became clear actions inside the home experience, where users can discover them naturally.
Navigation shifted from feature list to user intent
The bottom navigation separates map search, station context, the account hub, profile and settings. This keeps refueling tasks and account tasks from competing on one screen.
App UX/UI
A home screen built around the driver's next decision.
We prioritized the financial state first, then supporting actions: top up, invite friends, check analytics, review purchases and move to the archive when older transactions are needed.
Process
From rough feature set to a focused mobile product flow.
The process followed the same pattern we use for mobile app design services: understand the user job, define the critical flow, design UI states and prepare the product story for launch.
Audit the old app logic
We reviewed the existing product idea, payment flow, refueling use case, discount mechanics and places where users needed faster access to information.
Redesign the main screen
The home screen became a practical command center: current balance, top-up action, savings, purchases, referral entry points, analytics and insurance offers.
Make navigation obvious
We simplified switching between maps, stations, user profile and settings so the app could support both quick refueling and repeated account management.
Support launch marketing
After the app UX/UI work, we designed a landing page that explains the product, highlights the most important app features and helps attract new users.
Navigation
Fuel search, account management and profile settings no longer compete.
A clearer bottom navigation lets drivers move between nearby stations, fuel context, the main account screen and personal settings without learning a custom menu system.
Launch page
The app also needed a page that could sell the product before download.
We designed the promotional landing page to explain Litrol's most important features, preview upcoming functionality and turn the app story into an acquisition surface.
Designer comment
The redesign gave Litrol a more useful main screen, clearer navigation and a visual system that highlights the app's strongest features.
Alexander Vinokurov · CEO 99F, Art Director
Mobile app design services
Need a mobile app that feels clear before it becomes expensive to build?
UX strategy · iOS UI · Android UI · Prototype · App handoff
Explore app design→Case study FAQ
Questions about the Litrol mobile app design project.
99 Francs redesigned the Litrol mobile app UX/UI, including the main screen, navigation, balance and savings presentation, quick actions, transaction access and promotional landing page.
Litrol is a fuel and energy mobile app concept for drivers who need to buy fuel at nearby gas stations with discounts, manage balances and make payments without waiting in queues.
The project included UX audit, mobile app interface design, navigation design, product hierarchy, high-fidelity UI, visual direction and landing page design. See the related mobile app design services.
Yes. 99 Francs can turn an existing product idea, rough app, MVP or feature list into a clearer mobile UX/UI system with screens, states, navigation and developer-ready handoff.