Role


‍Product Designer (UI/UX) — Led the redesign of the Admin internal tool, component creation for the retail application, flow and information architecture design in collaboration with the product manager, Software engineers (Frontend and Backend), another designer and the CTO. I also created design tokens as a way to build and maintain the design system and to also ensure consistency across all app designs.

Problems

GowithGeo has 4 key products at heart. One is for the retail users, the other is for cooperate retail users, Travel partners and an admin application for their travel fulfilment and marketing team. 

The only two products that were live when i assumed my position were the retail users application and the Admin web application and these products had design flaws surrounding flow, information architecture and poor visual hierarchy

I worked majorly on the Admin web application but also set the design tone for the retail application by refining the flight search design and flow, alongside the UI to aid the other designer’s approach

Home Page Issues

UX Issues
‍

1. No clear visual hierarchy - multiple competing sections demand attention simultaneously
2. Flight metrics lack context (433 total flights booked vs 5 unpaid - is this good or bad?)
3. User list at bottom has red dots with no legend explaining their meaning
4. Inconsistent metric labeling (some show counts, others show categories without clear differentiation)
5. Navigation sidebar has too many menus without ability to section and collapse sections , creating cognitive overload
6. No date range indicator - unclear what time period the data represents
7. TRIPS section shows granular breakdown but no totals or percentages for quick scanning


UI Issues
‍

1. Inconsistent spacing between metrics throughout the dashboard
2. Dark blue header card appears decorative but contains critical info (deals data) that's hard to read
3. Font sizes lack consistency (compare numbers: 433 vs 00 vs 19)
4. Card layouts are misaligned - flight stats card doesn't align with adjacent panels
5. Two-column layout in TRIPS/VISA sections creates awkward scanning pattern
6. User avatars are generic placeholder icons lacking personalization
7. Overall color scheme lacks cohesion (blue sidebar, light blue background, dark blue card, white panels)

‍

Design Approach & Improvements


To improve the GowithGeo admin application home page, I consulted directly with the primary users—the marketing and fulfillment teams—to understand their needs. I asked what information they wanted to see immediately upon landing and what actions they performed most frequently.Their feedback revealed a need for quick visibility into pending tasks and recent activities without navigating through multiple screens. They also needed faster access to common creation tasks like adding new flights, packages, visa records, and commercial deals.


Based on these insights, I began wih restructuring the navigation by figuring out the information architecture then i introduced a "Quick Create" button that provides instant access to frequently used creation actions across all travel modules. This modal allows admins to create new addons, deals, markups, trips, visa records, and commercial deals without leaving the home page, significantly reducing navigation time.

I also restructured the dashboard to include a "My Tasks" sidebar for immediate visibility of pending work, and consolidated recent activities into scannable tables with contextual action menus. From a UI perspective, I established clearer visual hierarchy, improved spacing and typography, and standardized table layouts. I refined the color system to make status indicators intuitive: green for paid, red for urgent, blue for actions.The result is a more functional, user-centered dashboard that reduces clicks, minimizes cognitive load, and aligns with how admins actually work.


‍

‍

Flight Module

I restructured the Flight Bookings table with a clear visual hierarchy and improved scannability. I implemented a comprehensive column structure that displays all critical information: Passenger Name Record, Supplier, Booking Code, Customer Name, Airline, Transaction Date, Addons, Issued/Expired status, Booking Cancellation status, and Payment Status: in a logical left-to-right flow. I introduced refined status badges using a consistent color system: green for paid bookings and red for unpaid, allowing admins to instantly identify payment issues.

An advanced filter function was added, alongside a search function to help admins quickly narrow down bookings by various criteria, significantly reducing search time. The action menu (three dots) provides contextual operations for each booking without cluttering the interface. The result is a streamlined, efficient booking management system that supports rapid decision-making and reduces the cognitive load on admin users.


‍

‍

Invoice Module

When customers book flights, an invoice is automatically generated and then tracked. Admins are allowed to verify the customer's booking.

‍

Visa Module

One of the important modules I had to also careful map out was the visa module. Asides from the fact that it had sub-modules under it, these sub-modules were interconnected and so I had to design in a way that the admin users can see the relationship between the sub-modules under the visa module.

‍

Task Management Module

This module was requested by the fulfillment and marketing team of the company as a way to properly assign customer enquiries or appointment schedules to each member without having to mix up information. This helped to improve work organization by 33%.

‍

Analytics Module

The analytics module helps the marketing team especially to see travel data like most travelled destinations, travel spending, and more