Problem 1
Key actions were not immediately discoverable.
The homepage presents a wide range of calls-to-action, causing important functions to compete with less frequently used features.
Redesigning: Making Every Journey with EVA Air Easier
Intro
As a frequent flyer, I often use airline apps to manage flights, check schedules, and make bookings. While using the EVA Air mobile app, I noticed that completing a simple task—such as finding where to search for and book a flight—required more time and effort than expected.
Airline apps are often used in time-sensitive situations, where users need to quickly access essential information or complete tasks such as booking a flight, checking in, or managing a trip.
This project explores how the EVA Air mobile experience could be redesigned to create a clearer information hierarchy, more intuitive navigation, and a more efficient path to key flight-related tasks.
- Time
- 2023
- Type
- Mobile App
- Design Practice
- B2C
- My role
- UX Research
- UI Design
- Tools
- Figma
Problem 2
Weak Brand Representation
The current UI does not fully communicate EVA Air’s brand identity. Its distinctive green colour and premium visual positioning are not strongly reflected throughout the app, resulting in an interface that feels somewhat generic and disconnected from the overall brand.
Goal 1
Prioritising key actions such as flight search, booking, and check-in.
Goal 2
Simplifying the homepage by reducing visual competition from secondary functions.
Goal 3
Improving information hierarchy so users can quickly identify and access what they need.
Goal 4
Expand capabilities by allowing users to book flights, hotel packages, accommodations, and local transit all in one place.
Process
Userflow and Information Architecture
The new information architecture focuses on grouping related functions, prioritising high-frequency tasks, and creating a clearer navigation structure. This provides users with a more predictable path to the information and actions they need throughout their journey.
Wireframes
Low-fidelity wireframes to explore the layout, content hierarchy, and key user flows before moving into visual design.
Design System
Typeface
(Chinese)
SF Pro
金他機品天人當，旅復員多重他為望國著道？
BoldABCDEFGHIJKLMNOPQRSTUVWXYZ
Mediumabcdefghijklmnopqrstuvwxyz
Regular1234567890
Light(English)
Barlow
金他機品天人當，旅復員多重他為望國著道？
BoldABCDEFGHIJKLMNOPQRSTUVWXYZ
Mediumabcdefghijklmnopqrstuvwxyz
Regular1234567890
LightColour Style
The colour palette is built around EVA Air’s signature green as the primary colour, creating a stronger visual connection between the app and the brand.
UI Component Library
UI Screens
HOMEPAGE
Core features will be displayed directly.
Since most users download the app primarily to book flights, the redesigned home screen directly displays the top three core features: Flight Booking, Hotel Reservations, and EVA Travel Services. Flight Booking is prioritized, while the other two options can be seamlessly toggled, making feature navigation faster and more convenient.
CHECK A FLIGHT
All details at a glance.
Clicking "Next" displays the search results, allowing users to select their preferred flight fare directly from the screen.
FLIGHTS MANAGING
Manage a flight effortlessly? Not a problem.
An intuitive hub for users to effortlessly manage upcoming trips, view detailed flight info, complete online check-in, and personalize add-on services.
EVA Mileage
Never miss an information as our member!
Tapping the Infinity MileageLands icon in the bottom-right nav bar displays the user's digital membership card and relevant program details.
