GASCO
Brand Identity
Digital Design
Content Creation
Project Overview
This project involved a complete UX/UI redesign of GASCO's gas-ordering app, delivered for Tazweed in a fast-paced three-week sprint (2024–2025). The original app suffered from broken user journeys, inconsistent UI, data redundancy, and a lack of adherence to iOS/Android design guidelines. The approach began with market research and business and technical discovery sessions, followed by a module-by-module redesign through weekly review cycles with the client. The solution included building a custom Figma design system from scratch and reimagining core flows — Gas Refill, Withdrawal, Tank Management, Tracking, Invoicing, and Refunds — tailored to four distinct user types: Residential, Commercial, Industrial, and Governmental. The result was a simplified, fast, and accessible experience aligned with real-world workflows across all customer segments.
Refined branding materials that establish trust, authority, and professionalism for industry leaders
Based on the case study, here are the challenges: The project's biggest challenge was the extremely tight three-week timeline for a complete app redesign, which left little room for error while still requiring full adherence to UX principles and design phases. The existing app presented multiple structural problems — broken user journeys, ambiguous screens, redundant data, and poor information architecture — with no consistency across iOS or Android design guidelines, making it feel disconnected and forced together. Additionally, the team had to quickly understand an unfamiliar technical backend — APIs, data handling, and system constraints — in order to know what could realistically be redesigned versus rebuilt from scratch. Finally, the redesign needed to serve four very different user types (Residential, Commercial, Industrial, Governmental) with distinct needs, requiring a single flexible system rather than one-size-fits-all screens — all while maintaining alignment with the client through structured weekly reviews.
WHAT WE DO
The team started with internal research into the local market to understand user behavior, competition, and expectations, validating the core problems before proposing a redesign approach. This was followed by a business review session with GASCO's team to understand their pain points, and a technical session with the development team to map out APIs, backend workflows, and system constraints — clarifying what could be restructured versus rebuilt from scratch. To manage the tight three-week timeline, the team set up two weekly meetings with the business team, reviewing and closing one module at a time before moving to the next — ensuring alignment and continuous improvement throughout the sprint. On the design side, a custom design system was built from scratch in Figma, including a neutral, trust-focused color palette, modular UI components adaptable across web and mobile, and data visualization patterns for performance metrics. The entire onboarding flow was simplified with smart user-type selection, auto-fill, and multiple login methods (Password, OTP, Face ID, PIN). Core flows were then reimagined end-to-end: Gas Refill (tank selection → refill type → location → payment → tracking with clear status states), Gas Withdrawal, Add Tank (with auto-classification), real-time Tracking, Location Management, My Invoice, Account Statement, and Refund — each tailored to four user types (Residential, Commercial, Industrial, Governmental) so every segment saw relevant flows and data suited to their needs.
