Back to projects
Shipped2020Web

Flight Booking System

Online flight search and booking with fare comparison and integrated payments.

Private — case study only

Period

2020

My role

Full-Stack Developer

Team

Solo + design partner

The Problem

Why this needed to exist.

Local travel agencies still relied on phone bookings and PDF itineraries. Travelers wanted instant comparison and self-serve booking without losing the trust of an agency relationship.

The Approach

How I solved it.

Built a flight aggregator with provider integrations, transparent fare breakdowns, seat selection, and a payment gateway. The agency could overlay branding and earn margin while travelers self-served.

Personas

Who I designed for.

Each persona shaped a specific surface of the product. Goals and pain points were validated through interviews and shadowing.

LT

Sanjida

Leisure Traveler

Goals

  • Compare fares across airlines quickly
  • Pay confidently with a familiar method
  • Get itinerary and reminders by email

Pain Points

  • Fare differences hidden in fees
  • Confusing seat-selection flows
  • Lost confirmation emails
TA

Faruk

Travel Agent

Goals

  • Reduce phone bookings
  • Track commissions cleanly
  • Support customers when they get stuck

Pain Points

  • Manual ticket entry
  • Reconciliation across providers
  • Limited self-serve support

Use Cases

Key user flows.

The most critical scenarios the product is designed to make effortless.

01

Traveler

Search and book a flight

  1. 1Enter origin, destination, dates, passengers
  2. 2Compare results with all-in pricing
  3. 3Select seats and add-ons
  4. 4Pay and receive e-ticket
02

Traveler

Manage a booking

  1. 1Open booking via reference + email
  2. 2Re-issue itinerary or invoice
  3. 3Initiate cancellation or change request
  4. 4Track refund status

UX Process

How I got from problem to product.

The end-to-end design process — from research to ship.

  1. 01

    Competitive Audit

    Reviewed three regional and two global booking flows to identify trust signals and friction points.

  2. 02

    Pricing Transparency First

    Designed fare breakdowns up-front so users always saw the all-in total.

  3. 03

    Mobile-First Layout

    Optimized the search-to-pay flow for mobile, where 80% of traffic landed.

Roadmap

What shipped — and what's next.

Phased rollout, with each phase validating learnings from the last.

  1. Phase 1 — Search MVP

    Shipped

    Q1 2020

    • Provider integration
    • Search and result listing
    • Filters and sort

  2. Phase 2 — Booking + payments

    Shipped

    Q2 2020

    • Seat selection
    • Local + card payment gateway
    • E-ticket delivery

  3. Phase 3 — Account & manage

    Shipped

    Q3 2020

    • User accounts
    • Manage / cancel bookings
    • Email reminders and receipts

Tech Stack

Built with.

MongoDBExpress.jsReactNode.js

Engineering Challenges

Hard problems worth solving.

  • Reconciling fare data across provider quirks
  • Designing trust into the checkout for first-time online bookers
  • Handling provider failures without losing the user mid-flow

Outcomes

The numbers that matter.

60%

Of bookings completed self-serve in month one

Mobile

First-class flow for the dominant device

Transparent

All-in pricing surfaced before checkout

Previous case studyDelivery Management SystemNext case studyHillcroft Homes — Real Estate Platform