Case Study · 02

FLITE

Re-Design Case Study

Redesigning a bold, creator-first event platform — rethinking the organizer dashboard, onboarding experience, and visual identity to match the energy Flite represents.

RoleProduct Designer, UX Researcher
ClientFlite, USA
DurationApr 2025 – Jun 2025
ToolsFigma · Notion
Brand Re-Design UI/UX Design UX Research Consumer & Lifestyle
Flite — live events platform

About the Client

About Flite

Flite is a bold, creator-first platform designed to help event organizers and communities host meaningful, engaging experiences both online and in person.

With its vibrant identity and growing user base, Flite's digital product — spanning a landing page and event management dashboard — plays a pivotal role in helping users discover, create, and share memorable gatherings with ease. The platform's tagline says it all: "Connect with your people — from URL to IRL."

About Flite — event crowd

Problem Statements

What wasn't working

The current Flite platform, while vibrant in vision, faced several usability and engagement challenges that limited its potential. These were the key issues I was brought in to address:

Cluttered visual hierarchy
Weak brand alignment throughout website and app
📊 Overwhelming information density without clear prioritization
Lack of visual hierarchy and clarity in CTAs
🔀 Fragmented user journey
Current app design showing problem areas

Suggested Solutions

How I planned to solve it

To address the identified problems, a redesign of Flite's app was proposed with four focused solutions:

Clearer Navigation & Information Hierarchy
Reorganize dashboard sections and event tools into a more logical flow, allowing users to quickly locate and access key features without visual clutter.
Stronger Visual Identity & Branding
Introduce a bold, consistent design language that reflects Flite's energetic and creator-first personality, using color, typography, and layout to drive recognition and emotion.
Simplified Onboarding & Setup
Redesign the onboarding journey to guide users step-by-step, minimizing friction and highlighting value early on to improve activation and engagement.
Emotional Microcopy & Interactions
Use playful copy and interactive elements that align with Flite's mission to spark joy, helping users feel part of a vibrant, welcoming space from the very beginning.

Design Process

Research & Analysis

To redesign Flite's brand presence, I started by identifying core usability and perception gaps through internal audits, stakeholder interviews, and user feedback. The goal was to reflect Flite's energetic, creator-first ethos in both tone and design.

Target Audience
Event organizers and hosts
Young creative professionals
Mobile-native users
Social-first identity
Key Insights from Research
Users felt the current landing page lacked an emotional hook and didn't feel "human"
Brand felt generic; users didn't feel a clear identity or purpose
Overwhelming text layout led to lower engagement on first touch
Users preferred platforms that "felt alive" and had a strong vibe from the get-go
Survey Data — 15 Respondents via Google Forms

I used Google Forms to conduct surveys and gather quantitative feedback. Below is a summary of what the data revealed:

First impression rating (1–10 scale)
1
2
3
5
6
7
8
9
10
Rating (1–10) · Number of users
Pain points during sign-up / onboarding
Too many intro screens
Lost interest in onboarding
Unclear what Flite does
Fun concept
Long sign-up process
Too much text, no visuals
Top feature requests from redesign feedback
Simpler sign-up
Dashboard personalization
Clearer event creation
Guided steps
Fewer pop-ups
CTA click behavior (N=15)
50% clicked the CTA
30% didn't click
20% didn't notice it

Empathy Mapping

Getting into the user's head

Says
  • "I want to create hype before the event even begins."
  • "Make it feel fun, not like filling out a form."
User persona avatar
Think
  • If the first screen feels boring, users won't scroll.
  • Design should match the energy of the event.
Do
  • Scrolls quickly, looking for visual cues and CTAs.
  • Browses on mobile, often distracted or multitasking.
Feel
  • Inspired when visuals feel bold, fun, and clear — just like the vision of the company.
  • Disconnected when brand identity isn't consistent.

Persona Development

Meet Jordan Lee

Jordan Lee persona
Jordan Lee
  • Age 26
  • Occupation Community Host & Event Organizer
  • Location New York, NY
  • Hobbies Modelling, Dancing
Goals
  • Create and promote events quickly
  • Make event pages visually engaging
  • Encourage RSVPs and social sharing
Challenges
  • Pages that feel static or overly templated
  • Hard-to-navigate forms or long onboarding
"I love taking things from URL to IRL but if I don't get the motivation to see my events on this app, how does it matter?"

Wireframes & Prototyping

From sketch to solution

I created wireframes and prototypes of the redesigned app, incorporating the suggested solutions. I iterated rapidly and gathered direct feedback from users to refine the design before moving to high-fidelity.

Hand-drawn wireframes for Flite redesign

Early lo-fi sketches mapped the core dashboard structure — including the home screen, upcoming events list, recent orders, and bottom navigation — before committing to digital prototypes.

Home Screen Analysis

Visual Design Decisions

I developed a visually appealing and cohesive design language for the app, making use of high-quality images, clear typography, and intuitive icons to improve the overall user experience.

1
Welcome icon with Flite miles progress bar
2
Upcoming event analysis — event name, venue, revenue, attendees
3
Flite AI button — quick access to AI assistant
4
Ticket scanner — QR code reader for door entry
5
Menu button — hamburger navigation
6
Notifications bell — real-time alerts
7
Profile button — account management
8
Upcoming events icons section — scrollable event cards
9
"Create your next event" CTA — persistent action button
10
Filter icon — sort and filter past events
11
Search events section — search your past events
12
Today's performance tab — total revenue and attendee count
Redesigned Flite home screen with annotations

Final Screens

The full redesigned app

The complete redesign spans discovery, dashboard, event creation, profile, and social sharing screens — all built with glassmorphic iOS 26 principles, high-contrast typography, and a bold creator energy.

More Flite redesign screens — full app overview

Old Design vs New Design

The transformation

Each section of the app was systematically reviewed, issues were diagnosed, and targeted solutions were applied. Here's how the key screens evolved:

Dashboard & Home Screen

Before
Issue: "Visual Noise & Bold Styling"
  • The original interface was overly bold with heavy use of bright colors and multiple fonts
  • It lacked the sleek, minimal feel expected on iOS 26, and did not convey the premium nature of the brand
After
Solution
  • Replaced saturated colors with muted, glassmorphic overlays to bring elegance and softness
  • Reduced font weight and created visual hierarchy using subtle scale and opacity
  • Consolidated information into scannable sections with clear labels
Old Flite dashboard design
New Flite dashboard design

Event Creation Flow

Before
Issue: "Vertical Overload"
  • Content was stacked vertically across multiple scrolls, making it difficult to find relevant options quickly
  • Forms and selection flows took up excessive vertical space
After
Solution
  • Transformed key vertical sections into horizontal scrollable cards and toggles
  • Reduced scroll depth by grouping options into carousels and segmented controls
Old event creation form — vertical overload
New event creation — step-by-step horizontal flow

Style Guide

Design System

01. Typography
H1 GT Zirkon Black 48px 50px
H2 GT Zirkon Bold 36px 40px
Sub Roboto Semi Bold 22px 24px
Body M Roboto Regular 18px 32px
Body S Regular 16px 24px
02. Brand Colors
Primary Orange#FF8536 / #FF8C5A / #EO3E1A
Primary Purple#54358E / #3A1C71 / #3D38F5
Headings#D76D77
Body Text#91959F
Spacing
10px 20px 30px 60px 80px
03. Spacing & Grids
Desktop · 1440px width
Gutter width: 24px
Columns: 12 column
Margin: 50px
Type: Stretch
6-column grid preview

User Feedback

What users said

Reflections & Next Steps

What I learned

This project pushed me to go beyond surface-level design choices and really think about platform-native behavior, especially for iOS 26. Translating Flite's brand — bold, creator-focused, and future-facing — into something that still felt minimal and clean was a balancing act.

Small tweaks in layout — like turning long scrolls into horizontal sliders — can dramatically improve usability. The shift to glassmorphism and iOS-style depth also made me more mindful of visual layering and accessibility.

The best part? Seeing how users naturally flowed through the new experience — with less hesitation, more clarity, and quicker decision-making. That's the kind of impact I aim for in every project.

← Back to Portfolio

Next Project

Hear Me Out →