MyBoon.ai — Product & UX Studio
Personal Concept Prototype

Halcyon Air — a mobile-first travel companion

A self-initiated concept exploring end-to-end product thinking for airline apps: trip dashboard, live boarding pass, a fully click-through booking flow, online check-in, trip management, a digital wallet, saved traveler profiles, real-time status, and a loyalty program that feels tailored. Halcyon Air is a fictional carrier created for this prototype — not affiliated with any real airline.

Role: Product & UX concept Stack: HTML · CSS · JS Focus: booking, check-in & trip management By Jackie Nocon
9:41
Good evening
Layla Haddad
LH
HALCYON AIR · HN 202 On time
AUH
Abu Dhabi
7h 20m
LHR
London
Date
Fri, 11 Jul
Departs
14:35
Terminal
T3
Gate
B21
Check-in is open
Closes 45 min before departure
Quick actions
Manage trip
Add bags
Seat
Meal
Upcoming trips
Manage booking
My trips
Flight status
HN 202 · AUH → LHR
LIVE · UPDATED 2 MIN AGO
Sched.BoardingDepartedIn airLanded
Altitude
—
Status
Boarding · Gate B21
Time left
7h 20m
Gate
B21
Terminal
T3
Seat
14C
Notifications
Halcyon Rewards
Your membership
Gold Tier
Layla Haddad
12,450
Miles available
3,200 miles to Platinum
Your Gold benefits
Priority boarding
Lounge access
+10kg baggage
Free upgrades*
Tailored for you
Upgrade
Business class on HN 202
Use 8,000 miles to upgrade your Fri departure to Halcyon Air.
Partner offer
20% off stays in London
Since you're headed to LHR — save at partner hotels this month.
Gift
One lounge pass
A thank-you for flying with us five times this year.
HALCYON AIR
GOLD
AUH
Abu Dhabi
Passenger
L. HADDAD
Flight
HN 202
Seat
Gate
B21
Boards
14:05
Terminal
T3
Class
Group
3
HN-8K3P9Q
Online check-in
Confirm who's checking in for HN 202.
Your assigned seat. Tap to try a different preference.
14A
14C
14B
One last check before we issue your boarding pass.
I confirm my travel document is valid
Passport or ID must be valid for at least 6 months from travel date.
You're checked in
Seat 14C · Boarding pass is ready
Profile
LH
Layla Haddad
Gold Tier · layla.haddad@email.com
Saved travelers
Preferences
Push notifications
Email updates
Flight deal alerts
Done

What's real in this prototype

Fully interactive
The entire booking flow, a multi-step online check-in (traveler select → seat → document confirm), Manage Booking with rebook and cancel, and a digital wallet — all wired with real state.
Trip & traveler management
View, rebook, or cancel any upcoming trip; saved traveler profiles with editable meal preference and an add-traveler flow, accessible from the profile screen.
Illustrative
Flight data, prices, and loyalty numbers are sample content. Payment, wallet-app integration, and live flight telemetry are represented, not connected to real systems.
Why I built this
A personal case study to demonstrate end-to-end mobile product scoping and UX craft for MyBoon.ai clients evaluating booking or self-service tools.
Halcyon Air is a fictional airline created for this concept only.
Case study by Jackie Nocon · myboon.ai