Mobile App
Redesign
Overview
Wissol — Georgia’s largest fuel and retail network — I redesigned the WISSOL Mobile App to elevate the brand’s loyalty experience and turn routine visits into meaningful engagement. The goal was to modernize the user journey, make rewards easier to earn and redeem, and create a seamless interface that feels intuitive and rewarding for everyday users.
The project focused on improving ease of use, enhancing visual clarity, and reinforcing Wissol’s brand identity while encouraging frequent customer interaction through digital loyalty features.
Role & Approach
As a designer on this project, I was responsible for:
User Research & Insights: Understanding customer pain points and loyalty behavior through research and competitive analysis
UX Architecture: Mapping user flows that simplify how members earn points, view offers, and track rewards
UI Design & Art Direction: Creating a clean, modern visual language that aligns with Wissol’s brand and improves readability
Prototyping & Validation: Testing interactions and reward journeys to ensure clarity and engagement
Collaboration: Regular coordination with the client and developers to ensure design intent translated smoothly into the final product
Key Features
Effortless Reward Tracking
Track points and progress toward fuel and retail discounts in real time, with clear visual indicators that motivate continued engagement.
Personalized Offers
Users receive tailored deals and notifications based on their purchase behavior, keeping rewards relevant and meaningful.
Swift Navigation & Self-Service Tools
The redesigned interface enables quick access to essential features like transaction history, nearby stations, and reward statuses — all within a few taps.
QR & Digital Card Integration
Members can earn points and redeem rewards using digital cards and QR codes — blending physical and digital loyalty seamlessly.
High-Fidelity Wireframes
The high-fidelity wireframes translate strategic decisions into a polished, production-ready interface. Each screen was designed with clarity, hierarchy, and speed of interaction in mind — ensuring users can complete key actions with minimal cognitive load.
Special attention was given to spacing, contrast, and component consistency across the app. Core flows such as loyalty tracking, rewards, transactions, and profile management were refined to feel intuitive and predictable, reducing friction during everyday use. Micro-interactions and visual feedback guide users naturally through the experience while reinforcing a sense of progress and reward.
High-Fidelity Wireframes
The high-fidelity wireframes translate strategic decisions into a polished, production-ready interface. Each screen was designed with clarity, hierarchy, and speed of interaction in mind — ensuring users can complete key actions with minimal cognitive load.
Special attention was given to spacing, contrast, and component consistency across the app. Core flows such as loyalty tracking, rewards, transactions, and profile management were refined to feel intuitive and predictable, reducing friction during everyday use. Micro-interactions and visual feedback guide users naturally through the experience while reinforcing a sense of progress and reward.
Primary Color Palette
The primary color palette is built around strong brand recognition and high visual impact. These colors drive user attention, reinforce loyalty mechanics, and create a dynamic yet balanced interface.
#008351 — Core brand green, symbolizing trust, stability, and energy. Used for primary actions and key loyalty indicators.
#08BB77 — Supporting green tone that adds freshness and flexibility across interactive elements and secondary actions.
#D2FF1E — Accent color used to highlight rewards, progress states, and promotional moments, adding vibrancy and motivation.
#FF620D — High-contrast accent reserved for calls-to-action, alerts, and limited-time offers, ensuring immediate visibility.
Together, these colors create a confident, energetic visual language while maintaining clarity and accessibility.
Secondaty Color Palette
Secondary and neutral colors support content structure and readability, allowing primary colors to stand out without overwhelming the interface.
#FFFFFF — Primary background color, ensuring cleanliness, openness, and strong contrast for content.
#6F6F6F — Used for secondary text, labels, and supporting information to establish clear hierarchy.
#000000 — Applied to primary text and high-contrast elements for maximum legibility.
This neutral foundation ensures balance, consistency, and long-term usability.
Typography
Helvetica Neue was chosen for its modern, neutral character and excellent readability across mobile devices. It supports a clean and professional interface while maintaining flexibility across different content types.
Font sizes used:
14 / 16 / 18 / 24 / 32
These sizes create a clear hierarchy for body text, labels, section titles, and key informational elements such as point balances and rewards.
BPG Nateli Mtavruli is used to support Georgian language content and preserve cultural authenticity. Its strong, uppercase character pairs well with Helvetica Neue while maintaining clarity and brand consistency.
Font sizes used:
14 / 16 / 18 / 32
This combination ensures seamless bilingual support and a cohesive typographic system across all screens.
Impact
The redesigned app not only strengthened Wissol’s digital presence but also improved how customers interact with the brand’s loyalty ecosystem. By prioritizing simplicity and utility, the new experience drives higher engagement, clearer reward visibility, and more frequent app usage — transforming everyday refueling into a rewarding journey for users.
