-
A Digital Fashion Platform that makes designing and wearing digital apparels as easy as frying eggs 🍳
My Role
Product, Research, UX/UI
Platform
iPadOS, iOS
Date
Oct 2021-Aug 2022
Team
Product Designer (Me),
iOS Developer 1, iOS Developer 2,
Goal
Designing a Fashion CAD app with hypergrowth potential in the next five years
Solution
An End to End Metaverse Fashion Solution to Democratize Fashion including:
A Digital Fashion Design App to Simplify 3D Fashion Design
A Digital Fashion Platform for Wearing and Sharing Virtual Apparels and Digital Avatar Scanning.
KPI
Task Time Completion of Designing 3D Apparel Process
KPI Final Status
49 Tools were Designed to Shorten Core Tasks by an Average of 83%
Future Thinking + Design Thinking bonded by Vision in Design
Future Thinking is a cross-disciplinary approach to considering potential futures through the exploration of trends and drivers for change that may lead to different future scenarios
Vision in Design: A designer’s job is not only to solve present-day problems but also to look for possible future, this method design towards a desired future in which a product fits.
Design Thinking is a non-linear, iterative process that teams use to understand users, challenge assumptions, redefine problems and create innovative solutions to prototype and test.
The weak signals, trends that could impact directly or indirectly, the future of Fashion Design systems were collected.
Factors are value-free descriptions of world phenomena as they appear, such as observations, thought, theories, laws, considerations, beliefs or opinions.
Futures Wheel is a structured brainstorming for visualizing the future consequences of a particular trend.
Design fiction is a design practice aiming at exploring and criticising possible futures by creating speculative, and often provocative, scenarios narrated through designed artifacts.
Invitation for a catwalk
I am Vivian, a journalist at Vogue magazine, today I received an invitation to participate in a fashion show of a new fashion startup. By subscribing to their service, you will have access to numerous virtual clothes for different occasions. They will have a budget plan which only shows sponsored words, however you can choose your own sponsor, It is interesting that , you can pay lower price for your apparels and at the same support your cause.
Discover
These books were scanned to grasp Fashion design from ideation to production.
The listed responsibilities for fashion designers were examined to understand the needs of the Fashion Industry.
Three fashion design students and two fashion designers were interviewed:
Which topics were the hardest for you at university?
Which paper size do you use for sketching and illustration?
How do you use smart devices in your work?
As a fashion designer, how much time do you spend drawing patterns and sewing the clothes?
How do you use dummy models?
How do you test your designs?
The features and interactions of the main competitor were analyzed by studying their documentation and video tutorials.
Define
Ideation
C
Combine
Combine XR Filming rendering system with Motion Capture to create fashion shooting feature.
M
Modify
Instead of using a default dummy model, make dummies customizable
P
Use transparency map coloring for cutting garments
E
Eliminate
Eliminate the process of pattern making
R
Reverse
Instead of putting virtual cloth on people, put people in virtual enviornment
R
Reverse
Instead of drawing patterns to create 3D prototype, create 3D prototypes then the system generates the the dress patterns.
3D Ideation
Masking Pen
Iron
Scissor
Mesh Editor Pen
Ornament Pen
BaseMesh Pen
3D Texture Pen
Mesh Editor Pen
Sewing Pen
Stapler
Rope Maker
Stamp
Scalpel
AntiPhysic Pen
Boolean Operators
Transformation
3D Stencils
Fabric Organizer
Pattern Making
Pattern Pen
Pattern Scanner
Pattern Drawing Guide
Offset Clone
Area Calculator
Reference Image
Pattern Sewing Pen
Stencil Drawer
Sewing Pen
Wizards
Skirt Maker
Custom Dummy Maker
Collar Maker
Dynamic Fabric Generator
Avatar Import
Avatar Scanner
Button Setup
Smoothing
Rendering
Pose Capture
Pose Selector
Neural Filters
TikTok Style Export
Animation Recorder
Prototyping
Since, sketching is one of the functions of FashionatorApp, the paper prototypes used for testing UI usability in small screens.
Made with Balsamiq
Made with Figma
Observation: Understanding how other users utilize interactions and their facial expressions allowed me to design more tools to improve usability.
Task Time Completion: After each build, we measured the task time completion(T-Testing), and based on this data, some features were designed to improve the task time completion and flexibility of the app.
I appreciate my team members for helping me to understand the to learn more about 3D graphic programming!
My feeling while working on iterations of designs was that I was giving our users superpowers, and I love that feeling!
Social Media Content Analysis
Social Media Content Analysis
Social Media Content Analysis
By analysis of Instagram posts with the hashtag #fashiondesign, we found out that users who are interested in designing clothes are more familiar with fashion illustration than other activities in a fashion design journey.