Client Details
Branding and Website Design for FlashyFly
FlashyFly is a digital platform that connects users with available private charter flights — instantly, affordably, and from trusted operators. The founders identified a gap in the market: users often face a time-consuming and inconsistent process when trying to book charter flights. With traditional sites, requesting quotes, comparing prices, and confirming availability can take hours or even days.
This complexity often leads business travelers — the primary audience — to overpay or settle for less convenient travel options. FlashyFly’s mission is to streamline this process, making private air travel more transparent, accessible, and aligned with modern user expectations.
Understanding the Problem
Project Objective
The primary objective of the project was to design a clean, elegant, and user-friendly website that reflects the luxury and exclusivity of charter flights, while also highlighting affordability and ease of access. FlashyFly needed a visual identity and interface that would appeal to busy professionals seeking quick, trustworthy flight solutions — without the friction of the traditional quote-request model.
Design Priorities
To achieve this, I aimed to simplify the flight search and booking process, establish a clear sense of professionalism across both desktop and mobile, and create a scalable design system that developers could implement seamlessly. The end goal was to give users confidence in the service through a visually coherent, fast-loading, and intuitive experience.
Phase 1
Research
Key Findings
Asking the Right Questions
Research goals
Before jumping into design, the goal was to understand what users expect from a charter flight booking platform — and how FlashyFly could meet those expectations with a clean, functional interface. This phase focused on identifying competitor patterns, defining what “trust” and “ease” look like in a digital experience, and aligning the design with business travelers’ expectations of speed, clarity, and control.
Users Want Speed, Not Browsing
Most travelers want to find a flight quickly without browsing through dozens of options. The design needed to emphasize fast, decisive actions.
Trust Is Visual
Luxury and credibility go hand-in-hand. Layouts, typography, and visual polish had to convey confidence from the first scroll.
Mobile Is Primary
Many business travelers search while on the go. A seamless mobile experience was not optional — it was central to the design direction.
Clear Language Wins
Users don’t want to decipher industry jargon. The interface needed simple, clear labels and calls to action that guide decision-making.
Are there specific competitors whose interfaces you like/dislike and why? What tone or personality should the brand convey?
What’s the primary action you want users to take on the site? What are the top 3 frustrations your users report when trying to book charter flights?
How much flexibility should users have in choosing flights, vs. being shown best matches? What does a great charter flight booking experience feel like to your ideal user?
Phase 2
User Experience
UX Approach
Laying the Foundation
Before moving into visual design, I created low-fidelity wireframes to map out core user flows, including flight search, quote requests, and browsing available flights. This phase focused on structure, clarity, and pacing — making sure the layout supported quick decisions and minimal distractions.
Working in grayscale helped keep the attention on layout hierarchy and interactive logic. The wireframes also allowed for rapid client feedback, where I iterated on elements like the search form structure, navigation, and how quotes would be displayed. Key priorities during this phase were usability on mobile, intuitive CTAs, and streamlining the booking journey.
Low-Fidelity Wireframes
Phase 3
Visual Design
Branding
Creating the Design System
Colors
The color palette was designed to balance luxury with modern professionalism. We used deep, grounded tones like navy and charcoal to convey trust, paired with subtle accent colors for calls to action and highlights. These accents provided contrast without overwhelming the minimalist layout.
Typefaces
Typography was selected to reflect clarity, elegance, and responsiveness. We used a clean sans-serif typeface for legibility across screen sizes and to support a streamlined, high-end aesthetic. Headings were bold but not heavy, while body text was kept light and airy for easy scanning.
Accessible Design
Accessibility was a core consideration throughout the design process. We ensured sufficient color contrast between text and backgrounds, avoided color as the only means of conveying information, and used clear, descriptive labels for buttons and actions. Font sizes and spacing followed accessibility guidelines to support readability across devices.
Interactive elements were designed with generous tap targets, and the layout maintained logical tab order for keyboard navigation. These adjustments not only improved accessibility but also elevated overall usability — making the site more intuitive for all users.
Post-Project
Reflection
Growth Through the Process
Designing FlashyFly helped me grow not just in technical execution, but also in the way I approach digital problem-solving. Working with a team that valued iteration and user focus challenged me to be intentional and efficient — especially when turning feedback into action.
I deepened my ability to collaborate across roles, balance business goals with user needs, and structure a design system that developers could implement without guesswork. This project sharpened my judgment in designing for clarity and speed, and strengthened my self-confidence in leading the visual direction for a high-stakes, public-facing product.
Project Outcome
The FlashyFly design was delivered as a comprehensive Figma system, complete with all major screens, reusable components, and developer‑ready specifications. The team responded positively, praising the design’s clarity, polish, and alignment with their brand vision.
While I’m not yet involved in the full deployment phase, I continue collaborating with the development team to ensure smooth handoff and implementation support. The design is presently in development, with the goal of translating into a fast, modern, and user‑centered live experience.
This project has become an important piece in my portfolio and has already sparked client inquiries. More importantly, it strengthened my confidence in leading product-level design projects from concept all the way through execution.
Discernment
Balanced business vs. user needs during design decisions.
Collaboration
Worked closely with team to integrate fast-changing feedback.
Judgment
Chose design trade-offs under time constraints and presented rationale.
Self-Confidence
Owned the full visual direction and confidently handed it off for dev.