Elyon

I worked on branding and app development for Elyon: A comprehensive travel and tourism platform designed to simplify the discovery and booking of premium global destinations.

00

Problem

In an oversaturated travel market, users often struggle with fragmented booking experiences and overwhelming interfaces that lack visual clarity. Many travel applications fail to provide a seamless transition between destination inspiration and the actual logistics of securing tickets. This disconnect frequently leads to user fatigue, high abandonment rates during the signup process, and a lack of emotional connection with the brand, making the planning of a simple vacation feel like a complex administrative task.

Solution

Elyon redefines the travel experience through a sophisticated mobile application that harmonizes aesthetic inspiration with functional efficiency. By implementing an intuitive UX-UI framework, the app bridges the gap between exploration and action. The design prioritizes a "content-first" approach, utilizing high-fidelity imagery, a clean minimalist layout, and a streamlined booking flow. Through a cohesive brand identity and a friction-free interface, Elyon provides a trustworthy environment where users can plan their journeys with absolute ease and confidence.

The inception of Elyon was driven by the necessity to humanize the digital travel industry through strategic branding and user-centric design. The project began with a deep exploration of "the traveler’s psyche," identifying that the modern user seeks both security and adventure. The brand identity was built upon a palette of Primary Blue and vibrant accent tones, such as orange and yellow, to evoke a sense of trust, energy, and the warmth of a new destination. This visual language was carefully crafted to ensure that every touchpoint reflects a premium yet accessible service.

The design phase focused on solving the complexity of travel logistics through a rigorous UI kit and component system. A custom iconography set was developed to provide immediate visual cues, reducing cognitive load across the search and booking modules. Particular attention was paid to the "Booking Flow" and "Account Verification" screens, where the interface utilizes soft shadows, generous white space, and clear call-to-action buttons. These elements work together to guide the user through the conversion funnel without the friction typical of traditional travel platforms.

To ensure long-term scalability and brand recognition, a robust design system was established, centering on the "E-Wing" logo which symbolizes both flight and fluidity. The final product is a harmonious ecosystem where the typography, color theory, and micro-interactions serve a single purpose: making the world more accessible. By integrating seamless Google authentication and a curated "Recommendation" engine, Elyon stands as a testament to how thoughtful design can transform a utilitarian transaction into an inspiring journey of discovery.

Year

2024

Year

2024

Year

2024

Year

2024

Timeframe

60 days

Timeframe

60 days

Timeframe

60 days

Timeframe

60 days

Tools

Figma, Illustrator, Photoshop

Tools

Figma, Illustrator, Photoshop

Tools

Figma, Illustrator, Photoshop

Tools

Figma, Illustrator, Photoshop

Category

Branding, UX/UI, Visual Direction

Category

Branding, UX/UI, Visual Direction

Category

Branding, UX/UI, Visual Direction

Category

Branding, UX/UI, Visual Direction

01

Elyon's mobile interface blends high-fidelity travel inspiration with a streamlined booking flow. Its cohesive design system ensures a frictionless transition from discovery to ticket purchase.
Elyon's mobile interface blends high-fidelity travel inspiration with a streamlined booking flow. Its cohesive design system ensures a frictionless transition from discovery to ticket purchase.
Elyon's mobile interface blends high-fidelity travel inspiration with a streamlined booking flow. Its cohesive design system ensures a frictionless transition from discovery to ticket purchase.
Elyon's mobile interface blends high-fidelity travel inspiration with a streamlined booking flow. Its cohesive design system ensures a frictionless transition from discovery to ticket purchase.

02

The Elyon brand identity centers on a minimalist logo that blends an 'E' with an aircraft, symbolizing fluid motion. This cohesive visual language creates a professional, trustworthy travel booking experience.
The Elyon brand identity centers on a minimalist logo that blends an 'E' with an aircraft, symbolizing fluid motion. This cohesive visual language creates a professional, trustworthy travel booking experience.
The Elyon brand identity centers on a minimalist logo that blends an 'E' with an aircraft, symbolizing fluid motion. This cohesive visual language creates a professional, trustworthy travel booking experience.
The Elyon brand identity centers on a minimalist logo that blends an 'E' with an aircraft, symbolizing fluid motion. This cohesive visual language creates a professional, trustworthy travel booking experience.

03

The Elyon brand identity centers on a minimalist logo that blends an 'E' with an aircraft, symbolizing fluid motion. This cohesive visual language creates a professional, trustworthy travel experience.
The Elyon brand identity centers on a minimalist logo that blends an 'E' with an aircraft, symbolizing fluid motion. This cohesive visual language creates a professional, trustworthy travel experience.
The Elyon brand identity centers on a minimalist logo that blends an 'E' with an aircraft, symbolizing fluid motion. This cohesive visual language creates a professional, trustworthy travel experience.
The Elyon brand identity centers on a minimalist logo that blends an 'E' with an aircraft, symbolizing fluid motion. This cohesive visual language creates a professional, trustworthy travel experience.

04

Using a clean grid and vibrant blue, the interface ensures a seamless transition from discovery to booking.
Using a clean grid and vibrant blue, the interface ensures a seamless transition from discovery to booking.
Using a clean grid and vibrant blue, the interface ensures a seamless transition from discovery to booking.
Using a clean grid and vibrant blue, the interface ensures a seamless transition from discovery to booking.

05

Quantumd transitions from digital abstraction to architectural presence. This installation embodies our commitment to data sovereignty, offering a secure environment where high-velocity operations meet uncompromising structural integrity.
Quantumd transitions from digital abstraction to architectural presence. This installation embodies our commitment to data sovereignty, offering a secure environment where high-velocity operations meet uncompromising structural integrity.
Quantumd transitions from digital abstraction to architectural presence. This installation embodies our commitment to data sovereignty, offering a secure environment where high-velocity operations meet uncompromising structural integrity.
Quantumd transitions from digital abstraction to architectural presence. This installation embodies our commitment to data sovereignty, offering a secure environment where high-velocity operations meet uncompromising structural integrity.

06

The registration flow prioritizes speed and security through a clean interface. By integrating Google authentication and clear validation steps, the UI reduces friction during account creation.
The registration flow prioritizes speed and security through a clean interface. By integrating Google authentication and clear validation steps, the UI reduces friction during account creation.
The registration flow prioritizes speed and security through a clean interface. By integrating Google authentication and clear validation steps, the UI reduces friction during account creation.
The registration flow prioritizes speed and security through a clean interface. By integrating Google authentication and clear validation steps, the UI reduces friction during account creation.

07

The Elyon design system utilizes a palette of Primary Blue, Orange, and Yellow to balance reliability with energy. This systematic color theory ensures accessibility and high contrast across all UI components.
The Elyon design system utilizes a palette of Primary Blue, Orange, and Yellow to balance reliability with energy. This systematic color theory ensures accessibility and high contrast across all UI components.
The Elyon design system utilizes a palette of Primary Blue, Orange, and Yellow to balance reliability with energy. This systematic color theory ensures accessibility and high contrast across all UI components.
The Elyon design system utilizes a palette of Primary Blue, Orange, and Yellow to balance reliability with energy. This systematic color theory ensures accessibility and high contrast across all UI components.

08

The iconography system features clean, linear strokes to ensure legibility across all screen sizes. Each custom-designed icon follows a consistent geometric grid, maintaining Elyon’s minimalist aesthetic.
The iconography system features clean, linear strokes to ensure legibility across all screen sizes. Each custom-designed icon follows a consistent geometric grid, maintaining Elyon’s minimalist aesthetic.
The iconography system features clean, linear strokes to ensure legibility across all screen sizes. Each custom-designed icon follows a consistent geometric grid, maintaining Elyon’s minimalist aesthetic.
The iconography system features clean, linear strokes to ensure legibility across all screen sizes. Each custom-designed icon follows a consistent geometric grid, maintaining Elyon’s minimalist aesthetic.

09

 The UI component library emphasizes modularity through standardized buttons, navigation bars, and category chips. These elements maintain visual consistency and scalability across the entire Elyon ecosystem.
 The UI component library emphasizes modularity through standardized buttons, navigation bars, and category chips. These elements maintain visual consistency and scalability across the entire Elyon ecosystem.
 The UI component library emphasizes modularity through standardized buttons, navigation bars, and category chips. These elements maintain visual consistency and scalability across the entire Elyon ecosystem.
 The UI component library emphasizes modularity through standardized buttons, navigation bars, and category chips. These elements maintain visual consistency and scalability across the entire Elyon ecosystem.

010

Quantumd transitions from digital abstraction to architectural presence. This installation embodies our commitment to data sovereignty, offering a secure environment where high-velocity operations meet uncompromising structural integrity.
Quantumd transitions from digital abstraction to architectural presence. This installation embodies our commitment to data sovereignty, offering a secure environment where high-velocity operations meet uncompromising structural integrity.
Quantumd transitions from digital abstraction to architectural presence. This installation embodies our commitment to data sovereignty, offering a secure environment where high-velocity operations meet uncompromising structural integrity.
Quantumd transitions from digital abstraction to architectural presence. This installation embodies our commitment to data sovereignty, offering a secure environment where high-velocity operations meet uncompromising structural integrity.

011

The Elyon design system utilizes a clean, geometric sans-serif typeface to ensure maximum legibility. The typographic hierarchy prioritizes clear headings and readable body text for a seamless UI.
The Elyon design system utilizes a clean, geometric sans-serif typeface to ensure maximum legibility. The typographic hierarchy prioritizes clear headings and readable body text for a seamless UI.
The Elyon design system utilizes a clean, geometric sans-serif typeface to ensure maximum legibility. The typographic hierarchy prioritizes clear headings and readable body text for a seamless UI.
The Elyon design system utilizes a clean, geometric sans-serif typeface to ensure maximum legibility. The typographic hierarchy prioritizes clear headings and readable body text for a seamless UI.

012

The Elyon dark mode interface employs a deep neutral palette to reduce eye strain and enhance contrast. This adaptive UI ensures visual comfort and battery efficiency for travelers in low-light settings.
The Elyon dark mode interface employs a deep neutral palette to reduce eye strain and enhance contrast. This adaptive UI ensures visual comfort and battery efficiency for travelers in low-light settings.
The Elyon dark mode interface employs a deep neutral palette to reduce eye strain and enhance contrast. This adaptive UI ensures visual comfort and battery efficiency for travelers in low-light settings.
The Elyon dark mode interface employs a deep neutral palette to reduce eye strain and enhance contrast. This adaptive UI ensures visual comfort and battery efficiency for travelers in low-light settings.

013

The Profile and Settings UI utilizes a clean, card-based layout to organize personal data and app preferences. Clear iconography and logical grouping ensure a seamless user management experience.
The Profile and Settings UI utilizes a clean, card-based layout to organize personal data and app preferences. Clear iconography and logical grouping ensure a seamless user management experience.
The Profile and Settings UI utilizes a clean, card-based layout to organize personal data and app preferences. Clear iconography and logical grouping ensure a seamless user management experience.
The Profile and Settings UI utilizes a clean, card-based layout to organize personal data and app preferences. Clear iconography and logical grouping ensure a seamless user management experience.

014

Say Hello!

I'm open for new projects, feel free to contact me to see how can we collaborate

Say Hello!

I'm open for new projects, feel free to contact me to see how can we collaborate

Say Hello!

I'm open for new projects, feel free to contact me to see how can we collaborate

Say Hello!

I'm open for new projects, feel free to contact me to see how can we collaborate