Boarding Pass

Hello everyone! 👋 

​​​​​​​

I have completed my twenty-fourth study. Boarding Pass - Daily UI Challenge #024

Design Analysis

I designed this boarding pass UI in Figma, focusing on a clean, minimal, and user-friendly layout. My goal was to balance functionality and aesthetics while ensuring essential flight details are clear and accessible at a glance.

 1. Typography & Hierarchy

 • I used a simple, modern font that enhances readability.  

• The departure and arrival airport codes (ADB – IST) are bold and prominent, making them instantly recognizable.  

• Supporting details like time, terminal, gate, seat, and flight number are in a smaller font size but still highly legible.

 2. Color & Contrast

 • The purple accent color gives a touch of personality without overwhelming the design.  

• Critical information (e.g., passenger name) is highlighted with a subtle color variation to make it stand out.

 3. Iconography & Visual Elements

 • The small airplane icon between the airport codes helps visually represent the flight.  

• A QR code is included at the bottom for easy scanning, keeping the design practical.

 4. Spacing & Alignment

 • The content is well-structured with consistent spacing, ensuring an uncluttered look.  

• The layout follows a logical flow, guiding the eye from the most critical information down to secondary details.