AI Tool | Web Design
COMPANY
Flair AI
ROLE
Web Designer UX/UI Designer
Team
1 UX/UI Designer 1 Software Engineer 2 AI Engineers 1 AI & 3D Artist 1 Project Manager
YEAR
Aug - Nov 2024 (4 months)
Project description
Flair AI is an AI-powered visual generation tool for brands, marketers, and e-commerce businesses. It empowers non-designers to create high-quality, brand-aligned visual content efficiently by leveraging AI training models.
My Responsibilities
During my 4-month internship, I worked as UX designer for two critical modules:
Optimizing the 2D Editor: Streamlining core workflows to improve usability.
Designing Custom Model Flow (0-1): Building an end-to-end system for training and deploying brand-specific AI models.
Final Design
✅ Improved Onboarding Experience
Designed a lightweight user guide for the 2D editor with interactive hotspots, helping new users quickly understand key functions while minimizing distractions.
🔄 Streamlined Drag-and-Drop Workflow
Highlighted AI-generated content to guide users in making quick edits, reducing unnecessary toggling and repetitive actions.
🧠 Enhanced Custom Model Workflow
Redesigned the training flow to help users better understand how custom models work and create consistent outputs with ease.
🎬 Built 2D-to-Video Feature from Scratch
Designed a new flow for turning static 2D images into dynamic videos, ensuring smooth and intuitive transitions between editing modes.
Problems and Challenges
To solve today’s AI-generated content challenges by focusing on urgent user needs, helping businesses adapt to this fast-changing market while staying ahead of tomorrow’s demands.
Competitive Analysis
🎯We analyze competitors to map the battlefield – spotlighting hidden gaps where innovation can claim uncharted territory.
We bridge the gap between speed, brand control, and accessibility:
More customizable than Pebblely – Tailored brand alignment vs. one-size-fits-all
Built for commerce, not just creatives – Simpler than Krea AI, optimized for product visuals
Mainstream-friendly, not niche – Affordable brand tools for all, not just luxury (like EverArt)
Persona
I wanted to combine existing market problem, user research, competitor analysis, and pain points to create personas that matched Flair's primary user. This will lead to a more targeted and effective redesign.
Design Strategy
From “what users need” to “how we deliver” — let’s dive in. 🛠️
Here’s how I re-imagined workflows, prioritized features, and aligned every pixel with business growth.
Solution
In this section, I’ll quickly walk through the main changes I made to the 2D panel design and the workflow of the custom model feature. I’ll also highlight the key problems I addressed through design decisions.
2D Editor Design
Homepage Layout Update
I started with a re-layout of the 2d home page, reducing the distracting options and keeping only the content related to that feature to reduce user confusion.
Interaction Flow Optimization
The original interaction flow was confusing in terms of function hierarchy, which led to the phenomenon of “back and forth” for the users in the interaction. In my design adjustments, I took out the overlapping functions and designed a flow for them to ensure the visibility and highlighting of important functions.
Functional Re-prioritization
To make layers clear, and avoid confusion, I divided functions into “templates”, “image modification”, “ decor elements ‘, ’prompt modification “Four main partitions. User can choose different function to fit their needs.
Custom Model Design
0-1 Rebuild User Flow
The steps of the custom model are relatively simple, and in order to minimize the amount of page-switching that the user has to do due to the step-by-step jumps, I've consolidated the three pages into a more complete display, while maintaining consistency with the 2D editor.
Personalization
Personalizing the generated results for the user can be done by modifying more information about the model to generate the desired results. It also supports direct favorites to view training models and jump directly to different versions of results.
☕ What I Took Away (besides a lot of coffee)
Spending 4 months as the one and only UX designer at Flair was both challenging and incredibly rewarding. With no other designer to lean on, I had to trust my instincts, communicate clearly, and make decisions that balanced user needs with technical realities.
Every week, I ran design check-ins, synced closely with developers, and gave three feature presentations that (thankfully!) didn’t put anyone to sleep. I learned how to explain design thinking to non-designers, gather feedback without losing direction, and keep things moving even when things got a little fuzzy.
This experience taught me that being a designer isn’t just about making things look good — it’s about clarity, collaboration, and the courage to keep iterating (and sometimes… hitting undo).
