Simplifying 3D garment design with AI-powered tools
Simplifying 3D garment design with AI-powered tools
OVERVIEW
Making a complex 3D fashion platform easier to understand
Moirai brings 3D garment design, AI assistance, and avatar customization into one platform. My work spanned UX research and design, with a primary focus on the launch website. I translated complex capabilities into a clear introduction for fashion designers, helping visitors understand the product and find their next step.
OVERVIEW
Making a complex 3D fashion platform easier to understand
Moirai brings 3D garment design, AI assistance, and avatar customization into one platform. My work spanned UX research and design, with a primary focus on the launch website. I translated complex capabilities into a clear introduction for fashion designers, helping visitors understand the product and find their next step.
OVERVIEW
Making a complex 3D fashion platform easier to understand
Moirai brings 3D garment design, AI assistance, and avatar customization into one platform. My work spanned UX research and design, with a primary focus on the launch website. I translated complex capabilities into a clear introduction for fashion designers, helping visitors understand the product and find their next step.
CONSTRAINTS
CONSTRAINTS
Timeline: 6-month deadline
Technical: Work within existing stack
Brand: Balance professional power with approachable design
Business: Zero downtime
Timeline: 6-month deadline
Technical: Work within existing stack
Brand: Balance professional power with approachable design
Business: Zero downtime
MY ROLE
MY ROLE
UX research and design, with a primary focus on the launch website. My contribution included high-fidelity UI and a scalable Figma design system, in collaboration with engineering, brand, and content teams.
UX research and design, with a primary focus on the launch website. My contribution included high-fidelity UI and a scalable Figma design system, in collaboration with engineering, brand, and content teams.
TEAM MEMBERS
TEAM MEMBERS
2 UI/UX Designers · 1 Frontend Developer · Moirai Brand Team · Marketing & Content Team
2 UI/UX Designers · 1 Frontend Developer · Moirai Brand Team · Marketing & Content Team
TOOLS
TOOLS
Adobe Suite, Miro, Figma
Adobe Suite, Miro, Figma
OVERVIEW
OVERVIEW
THE CHALLENGE
THE CHALLENGE
Simplifying Professional Design Tools
Simplifying Professional Design Tools
Fashion designers spend 3-6 months just learning tools like Clo3D before they can actually design. The software is powerful but overwhelming, no AI assistance, clunky avatar creation in separate tools, and painful switching between 2D patterns and 3D previews.
Moirai wanted to change that: build a professional-grade 3D design tool that designers could pick up in days, not months.
Fashion designers spend 3-6 months just learning tools like Clo3D before they can actually design. The software is powerful but overwhelming, no AI assistance, clunky avatar creation in separate tools, and painful switching between 2D patterns and 3D previews.
Moirai wanted to change that: build a professional-grade 3D design tool that designers could pick up in days, not months.
— Fashion Designer, User Interview
— Fashion Designer, User Interview
Industry Pain Points
Industry Pain Points
Clo3D has a 3-6 month learning curve for proficiency
No AI-powered design assistance in existing tools
Avatar creation requires separate software and manual work
Switching between 2D and 3D views is cumbersome
Pattern customization lacks real-time feedback
Clo3D has a 3-6 month learning curve for proficiency
No AI-powered design assistance in existing tools
Avatar creation requires separate software and manual work
Switching between 2D and 3D views is cumbersome
Pattern customization lacks real-time feedback
Project Goals
Project Goals
Create an intuitive interface accessible to new users
Integrate real-time 3D/2D pattern customization seamlessly
Build AI-assisted design features into the workflow
Enable personalized avatar creation within the platform
Deliver a high-conversion landing page for launch
Create an intuitive interface accessible to new users
Integrate real-time 3D/2D pattern customization seamlessly
Build AI-assisted design features into the workflow
Enable personalized avatar creation within the platform
Deliver a high-conversion landing page for launch
RESEARCH
RESEARCH
Understanding Fashion Designers
Understanding Fashion Designers
Through 15 interviews with fashion designers and a competitive analysis of Clo3D, Browzwear, Style 3D, and Optitex, I identified opportunities to differentiate Moirai and address designers’ pain points.
Through 15 interviews with fashion designers and a competitive analysis of Clo3D, Browzwear, Style 3D, and Optitex, I identified opportunities to differentiate Moirai and address designers’ pain points.
Steep Learning Curves
12 of 15 designers found existing 3D tools too complex. They wanted powerful features without a steep learning curve.
AI for Repetitive Tasks
Designers wanted help with repetitive tasks like pattern adjustments, fabric draping simulations, and design variations.
Steep Learning Curves
12 of 15 designers found existing 3D tools too complex. They wanted powerful features without a steep learning curve.
AI for Repetitive Tasks
Designers wanted help with repetitive tasks like pattern adjustments, fabric draping simulations, and design variations.
Steep Learning Curves
12 of 15 designers found existing 3D tools too complex. They wanted powerful features without a steep learning curve.
AI for Repetitive Tasks
Designers wanted help with repetitive tasks like pattern adjustments, fabric draping simulations, and design variations.
Avatar Creation Friction
Creating custom avatars required separate software and significant manual effort, interrupting designers’ workflows.
Instant Visual Feedback
Designers wanted instant visual feedback when adjusting patterns, rather than waiting for renders to complete.
Avatar Creation Friction
Creating custom avatars required separate software and significant manual effort, interrupting designers’ workflows.
Instant Visual Feedback
Designers wanted instant visual feedback when adjusting patterns, rather than waiting for renders to complete.
Avatar Creation Friction
Creating custom avatars required separate software and significant manual effort, interrupting designers’ workflows.
Instant Visual Feedback
Designers wanted instant visual feedback when adjusting patterns, rather than waiting for renders to complete.
Competitive Analysis
Competitive Analysis
PROCESS
PROCESS
A Strategic Approach
A Strategic Approach
4 Phases- 6 Months
4 Phases- 6 Months
Introducing
Create 3D fahion tech packs effortlessly
Introducing
Create 3D fahion tech packs effortlessly
Introducing
Create 3D fahion tech packs effortlessly
THE SOLUTION
THE SOLUTION
Designing for Professionals
Designing for Professionals
Every feature was designed to reduce friction while maintaining the professional-grade power that fashion designers demand.
Every feature was designed to reduce friction while maintaining the professional-grade power that fashion designers demand.
Real-Time 3D/2D Pattern Customization
Real-Time 3D/2D Pattern Customization
CHALLENGE
Existing tools required waiting for renders after each adjustment
CHALLENGE
Existing tools required waiting for renders after each adjustment
SOLUTION
Built a seamless dual-view system with instant visual feedback as designers modify patterns
SOLUTION
Built a seamless dual-view system with instant visual feedback as designers modify patterns
AI-Assisted Design Features
AI-Assisted Design Features
CHALLENGE
Repetitive tasks like pattern variations and fabric suggestions were time-consuming
CHALLENGE
Repetitive tasks like pattern variations and fabric suggestions were time-consuming
SOLUTION
Integrated AI tools for smart suggestions, auto-adjustments, and design variations contextual and non-intrusive
SOLUTION
Integrated AI tools for smart suggestions, auto-adjustments, and design variations contextual and non-intrusive
Personalized Avatar Creation
Personalized Avatar Creation
CHALLENGE
Designers needed separate software to create custom fit models
CHALLENGE
Designers needed separate software to create custom fit models
SOLUTION
Embedded avatar builder with body measurements, posing options, and one-click integration with designs
SOLUTION
Embedded avatar builder with body measurements, posing options, and one-click integration with designs
Intuitive Onboarding Experience
Intuitive Onboarding Experience
CHALLENGE
Clo3D’s 3-6 month learning curve was a major barrier to adoption
CHALLENGE
Clo3D’s 3-6 month learning curve was a major barrier to adoption
SOLUTION
Designed guided tutorials, contextual tooltips, and progressive feature disclosure to get users productive in days, not months
SOLUTION
Designed guided tutorials, contextual tooltips, and progressive feature disclosure to get users productive in days, not months
Gallery & Resources Showcase
Gallery & Resources Showcase
CHALLENGE
Designers lacked a platform to share their work and inspire the community
CHALLENGE
Designers lacked a platform to share their work and inspire the community
SOLUTION
Created a dedicated gallery and resources section where users can showcase their creations, browse community designs.
SOLUTION
Created a dedicated gallery and resources section where users can showcase their creations, browse community designs.
IMPACT
IMPACT
Launch Success
Launch Success
The product launch exceeded expectations, with strong user engagement and positive feedback from the design community.
The product launch exceeded expectations, with strong user engagement and positive feedback from the design community.
92%
Feature Clarity
Users understood capabilities from website (vs ~60% industry avg)
92%
Feature Clarity
Users understood capabilities from website (vs ~60% industry avg)
850+
Beta Sign-ups
In 2 weeks - 70% above target
850+
Beta Sign-ups
In 2 weeks - 70% above target
4.7/5
Designer Satisfaction
"Ease of use" rated highest
4.7/5
Designer Satisfaction
“Ease of use” rated highest
68%
Landing Page Conversion
2x industry benchmark
68%
Landing Page Conversion
2x industry benchmark
Key Learnings
Insights from designing a marketing website for a technical SaaS product in a competitive space.
850+
Added to our Waitlist
Simplifying Complexity
Translating complex 3D software features into clear, scannable content that fashion professionals could quickly grasp and trust.
Hierarchy Converts
Clear visual hierarchy reduced onboarding drop-off progressive disclosure let users learn features in context without feeling overwhelmed.
Community Builds Trust
Showcasing real designer work within the platform built credibility and drove 45% more exploration social proof works even inside the product.
Aesthetics Signal Expertise
Fashion designers judge tools by how they look. A polished, design-forward interface instantly built trust with our creative audience.
Key Learnings
Insights from designing a marketing website for a technical SaaS product in a competitive space.
850+
Added to our Waitlist
Simplifying Complexity
Translating complex 3D software features into clear, scannable content that fashion professionals could quickly grasp and trust.
Hierarchy Converts
Clear visual hierarchy reduced onboarding drop-off progressive disclosure let users learn features in context without feeling overwhelmed.
Community Builds Trust
Showcasing real designer work within the platform built credibility and drove 45% more exploration social proof works even inside the product.
Aesthetics Signal Expertise
Fashion designers judge tools by how they look. A polished, design-forward interface instantly built trust with our creative audience.
Key Learnings
Insights from designing a marketing website for a technical SaaS product in a competitive space.
850+
Added to our Waitlist
Simplifying Complexity
Translating complex 3D software features into clear, scannable content that fashion professionals could quickly grasp and trust.
Hierarchy Converts
Clear visual hierarchy reduced onboarding drop-off progressive disclosure let users learn features in context without feeling overwhelmed.
Community Builds Trust
Showcasing real designer work within the platform built credibility and drove 45% more exploration social proof works even inside the product.
Aesthetics Signal Expertise
Fashion designers judge tools by how they look. A polished, design-forward interface instantly built trust with our creative audience.
Case Study by Ayushi Agarwal
Case Study by Ayushi Agarwal
Case Study by Ayushi Agarwal
