Web UX/UI Concept Redesign
Flyadeal UX/UI Concept Redesign
THE SCOPE: Redesigning Flyadeal’s airline website.
CONTEXT
: Proposal from Airbus to redesign Flyadeal’s airline website, focusing on improving clarity, usability, and decision-making in booking flows.
ROLE
: Usability Analyst, UX/UI Designer
REBRANDING AUDIT
Main issues
The brand's current digital presence is functional but dated, with limited visual storytelling and UX innovation.
Orignal design / Old
| Category | ISSUES |
|---|---|
| Visual | Overly bright, garish colors and funny fonts |
| Banner | Distracting animation; not SEO-friendly text in images |
| Logo | Logo is chunky abd heavy; presented as raster, so not scalable or responsive |
| Navigation | Inconsistent layouts, broken links, confusing structure |
| Layout | Unclear sections, stock images, unreadable text |
| User Flow | Promotions prioritized over booking and services |
REDESIGN
I decided to preserve the core identity of Flyadeal — keeping the recognizable color direction, logo concept, and overall mood — while refining them into a more elegant and professional visual system. The updated palette tones down the overly bright, garish hues in favor of more balanced contrasts, while the typography shifts away from playful, teen-oriented fonts to a more modern, business-ready look that still feels approachable.
| Category | REDESIGN |
|---|---|
| Visual | Adopt elegant, mature color palette and modern typography |
| Banner | Clean, non-distracting visuals with SEO-friendly text |
| Logo | Use scalable SVG with sleek, professional look |
| Navigation | Consistent menus, simplified structure, functional links |
| Layout | Clear sections, meaningful visuals, easy-to-read text |
| User Flow | Prioritize booking and service information over promotions |
Click to open Design System page
Landing page redesign
OUTCOME
The redesign balances Flyadeal’s friendly identity with a mature and credible user experience. Users can navigate flight selection with confidence, making faster and more informed choices, while still enjoying a visually engaging and approachable interface.
● 01: Icons Sketch
● 02: Icons design
● 03: Header predesign
