← All work
HALLA.APP · 2025

Redesigning a travel booking experience for Egypt’s modern travelers.

I led the end-to-end redesign of Halla Travel across iOS and Android — rebuilding the product experience, crafting a scalable design system with dark mode support, and creating the full brand identity from scratch.

Role
UX & UI · Branding
Team
Solo
Timeline
6 Months
PLATFORMS
iOS · Android
Halla.app home screen and search on iPhone
Problem

The trip was easy. Booking it wasn’t.

Egyptian travelers were juggling three or four apps, a handful of agency phone calls and a pile of screenshots just to book a single trip. Halla’s first version had the inventory — flights, hotels, tours and honeymoon packages — but the experience around it felt fragmented and hard to trust.

Nothing tied the journey together: prices were buried, screens looked like they came from different products, and there was no moment of inspiration to make you actually want to travel.

Pain points
  • Fragmented booking flow across flights, hotels and tours
  • Inconsistent visual language eroding trust
  • Weak hierarchy — prices and key details hard to scan
  • No emotional pull or travel inspiration
Design debt
  • No scalable component system
  • One-off screens that broke as features were added
  • No dark mode and no shared tokens
  • Brand applied unevenly across the product
Goals

What success looked like

Before touching a single screen I set the bar with the team: a simpler, more trustworthy booking experience built on foundations we could keep growing — not another redesign we’d outgrow in a year.

Product goals
  • Simplify the end-to-end booking flow
  • Increase trust in the platform
  • Build stronger brand recognition
  • Inspire travel, not just transact it
Design goals
  • Create scalable UI foundations
  • Improve visual consistency across platforms
  • Support dark mode from day one
  • Speed up future feature work
Research

Discovery & audit

I started by auditing the existing app screen-by-screen and studying how the strongest travel products handle search, pricing and checkout — then mapped that against how Egyptian travelers actually book today.

A quick scan of where time went during discovery, before any pixels moved.
8
travel & booking apps audited for patterns
40+
existing screens reviewed in the legacy app
3
core booking flows mapped end to end
2
platforms held to one shared spec
What surfaced when I lined up the audit against real booking behavior.
User pain points
  • Too many steps to compare options
  • Unclear total price until checkout
  • Low confidence in completing payment
Opportunities
  • Inspire with curated destinations
  • Show transparent, all-in pricing
  • Familiar, local payment methods
Architecture

Mapping the journey

I restructured the app around the way people actually plan: inspiration first, then a focused path to book. The booking journey — from browsing a destination through to confirmation — became the spine the whole product hangs off.

Booking journey flow — Start, search by hotel/date/guests, select hotel, select package, then a payment-option decision branching to Select payment method or Pay later, both converging on Complete reservation details.
Branding

A brand that feels like the sea

“Halla” is an open, welcoming hello. I built the identity around that warmth — a deep ocean blue, a warm sunset orange for the moments worth booking, and a teal that reads like shallow water. The wordmark’s single tilted counter reads as a wave.

Halla logo clear-space and proportion guides — the Arabic and Latin wordmarks measured against baseline, x-height and minimum padding.
Brand personality
  • Welcoming, not corporate.
    An open “hello” — friendly language and warm visuals over cold transactional UI.
  • Confident and trustworthy.
    Clear pricing and steady structure that reassure first-time bookers.
  • Bright, sunlit and optimistic.
    A sunset accent and airy spacing that make travel feel within reach.
  • Effortless — the app does the work.
    Smart defaults and fewer steps, so planning never feels like a chore.
Halla app-icon system — Latin and Arabic monograms in navy and white tiles with the orange accent.
Halla logo lockup — the Arabic هلا أب and Latin Halla.app wordmarks in navy with the orange accent.
Design System

Foundations that scale

I built Halla on a token-driven system: type (Rubik), color and spacing all sit on shared primitives, with semantic tokens that swap cleanly between light and dark. A single change ripples across iOS, Android and every future screen — components are composable and theme-aware out of the box.

Token anatomy
Naming as a path
Every token reads as type · group · variant · property — so its job is legible at a glance.
color.button.primary.bg
radius.card
spacing.xl
Typography
Halla type scale built on Rubik and the standard Flutter type scale — Display, Headline, Title, Body and Label sizes from 57/64 down to caption.
Color tokens
bg.brandblue.600
bg.highlightorange.500
bg.accentteal.400
text.primaryneutral.900
Spacing
4pt base scale
A shared token scale — 2 · 4 · 8 · 12 · 16 · 24 · 32 · 40 · 48 · 64 — keeps rhythm tight across both platforms.
4812162432
Components
Halla component library — button variants, label chips, text inputs, bottom nav bar, star ratings, tabs and notification badges.
UX / UI

From flow to finished screens

With the foundations in place, I designed the core experience end to end — starting from a home that inspires, then narrowing into a fast, transparent path to book and pay.

Halla.app key screens — home with search and top destinations, hotel results list, map view with price pins, and a hotel detail page with gallery and guest reviews.
Dark Mode

Built for the night flight

Dark mode isn’t an afterthought — it’s a first-class theme driven by the same semantic tokens. Primitives stay mode-agnostic; only the semantic layer swaps. Travel happens at odd hours, and the dark theme keeps Halla comfortable on a red-eye and calm in a dim hotel room.

Halla.app in dark mode — welcome/sign-in screen, home with search and top destinations, account menu, and signed-out account screen.
Challenges

The hard parts

  • Complex booking data. Flights, hotels, tours and packages each carry different rules — the UI had to stay simple while the data underneath got messy.
  • Designing for trust. Transparent pricing and clear confirmation states had to do the heavy lifting of reassuring first-time bookers.
  • Organizing large content. Destinations, offers and itineraries needed structure that scales without overwhelming the home screen.
  • Payment flexibility. Supporting local payment methods alongside cards without bloating the checkout.
  • Scalability. Every decision had to survive the next ten features the team hadn’t designed yet.
Outcome

What changed

  • A scalable, token-driven design system the team builds on today
  • Consistent visual language across iOS and Android
  • A modernized brand that feels trustworthy and distinctly Halla
  • A simpler booking experience — fewer steps, clearer pricing
  • First-class dark mode shipped from launch
  • Foundations ready for the product’s next phase of growth

The real win: the system. Designers and engineers now ship new travel features faster because the foundations — type, color, spacing, components and dark mode — already do the heavy lifting.

Reflection

What I took away

Owning both the brand and the product taught me how much smoother things go when identity and interface are designed as one system rather than handed off in stages. Tokens were the bridge — they let the brand live everywhere without me policing every screen.

If I did it again I’d invest in usability testing earlier, before the system hardened, and pull engineering into the token decisions from day one. Balancing a warm, branded feel with the clarity a booking flow demands is a tension I’ll keep chasing.