SaaS Custom Suit Configuration Platform
SaaS
Fashion Tech
B2B
Web
2025
Project team
• Project Manager • Fullstack Developer • UE Developer • Backend developer • UI/UX Designer • Business Analyst • Quality Assurance
Activities
• Research • Design Leading • Visual Design • Prototyping • UI & UX Design • Interaction Design
Tools I used:
• Figma • Photoshop • FigJam • Lottie Files • AI Tools (Chat GPT, Grok, Leonardo.ai)
SaaS Custom Suit Configuration Platform
SaaS
Fashion Tech
B2B
Web
2025
Project team
• Project Manager • Fullstack Developer • UE Developer • Backend developer • UI/UX Designer • Business Analyst • Quality Assurance
Activities
• Research • Design Leading • Visual Design • Prototyping • UI & UX Design • Interaction Design
Tools I used:
• Figma • Photoshop • FigJam • Lottie Files • AI Tools (Chat GPT, Grok, Leonardo.ai)
SaaS Custom Suit Configuration Platform
SaaS
Fashion Tech
B2B
Web
2025
Project team
• Project Manager • Fullstack Developer • UE Developer • Backend developer • UI/UX Designer • Business Analyst • Quality Assurance
Activities
• Research • Design Leading • Visual Design • Prototyping • UI & UX Design • Interaction Design
Tools I used:
• Figma • Photoshop • FigJam • Lottie Files • AI Tools (Chat GPT, Grok, Leonardo.ai)
//
OVERVIEW
A Modern Way to Custom-Build Suits
I designed a flexible, real-time suit configurator that lets tailors customize fabrics, cuts, textures, and details, while seamlessly syncing all selections into the client’s CMS for production
//
OVERVIEW
A Modern Way to Custom-Build Suits
I designed a flexible, real-time suit configurator that lets tailors customize fabrics, cuts, textures, and details, while seamlessly syncing all selections into the client’s CMS for production
//
OVERVIEW
A Modern Way to Custom-Build Suits
I designed a flexible, real-time suit configurator that lets tailors customize fabrics, cuts, textures, and details, while seamlessly syncing all selections into the client’s CMS for production
//
CHALLENGES
Bridging Craftsmanship & Technology
The biggest challenge was creating an intuitive interface for non-technical tailors while handling complex garment logic, fabric variations, and CMS-ready data output
//
CHALLENGES
Bridging Craftsmanship & Technology
The biggest challenge was creating an intuitive interface for non-technical tailors while handling complex garment logic, fabric variations, and CMS-ready data output
//
CHALLENGES
Bridging Craftsmanship & Technology
The biggest challenge was creating an intuitive interface for non-technical tailors while handling complex garment logic, fabric variations, and CMS-ready data output
//
USER PERSONA
Tailors & Boutique Owners
Primary users are small and mid-sized tailoring businesses who need a fast, visual, and error-proof way to configure custom garments for clients
//
USER PERSONA
Tailors & Boutique Owners
Primary users are small and mid-sized tailoring businesses who need a fast, visual, and error-proof way to configure custom garments for clients
//
USER PERSONA
Tailors & Boutique Owners
Primary users are small and mid-sized tailoring businesses who need a fast, visual, and error-proof way to configure custom garments for clients
Target Audience
Tailors and boutique studios customizing garments for clients
Pain point
Manual ordering errors, long customization cycles, inconsistent fabric data
Personal goals
Speed up fittings, reduce mistakes, and offer a premium digital experience
Target Audience
Tailors and boutique studios customizing garments for clients
Pain point
Manual ordering errors, long customization cycles, inconsistent fabric data
Personal goals
Speed up fittings, reduce mistakes, and offer a premium digital experience
Target Audience
Tailors and boutique studios customizing garments for clients
Pain point
Manual ordering errors, long customization cycles, inconsistent fabric data
Personal goals
Speed up fittings, reduce mistakes, and offer a premium digital experience
//
RESEARCH & INSIGHTS
Understanding Workflow Reality
I conducted interviews with tailors, studied typical fitting workflows, and analyzed how tailoring shops manage fabric catalogs and client orders. This revealed how to structure options, visibility rules, and step-by-step garment customization
//
RESEARCH & INSIGHTS
Understanding Workflow Reality
I conducted interviews with tailors, studied typical fitting workflows, and analyzed how tailoring shops manage fabric catalogs and client orders. This revealed how to structure options, visibility rules, and step-by-step garment customization
//
RESEARCH & INSIGHTS
Understanding Workflow Reality
I conducted interviews with tailors, studied typical fitting workflows, and analyzed how tailoring shops manage fabric catalogs and client orders. This revealed how to structure options, visibility rules, and step-by-step garment customization
01
Tailors Need Clear Guidance
Users prefer a guided step-by-step flow instead of a freeform configurator
01
Tailors Need Clear Guidance
Users prefer a guided step-by-step flow instead of a freeform configurator
01
Tailors Need Clear Guidance
Users prefer a guided step-by-step flow instead of a freeform configurator
02
Visuals Drive Decisions
High-quality fabric previews dramatically speed up customer choices
02
Visuals Drive Decisions
High-quality fabric previews dramatically speed up customer choices
02
Visuals Drive Decisions
High-quality fabric previews dramatically speed up customer choices
03
Data Must Be Reliable
Every selection must map to CMS attributes without manual cleanup
03
Data Must Be Reliable
Every selection must map to CMS attributes without manual cleanup
03
Data Must Be Reliable
Every selection must map to CMS attributes without manual cleanup
//
DELIVERABLES
Core Features
//
DELIVERABLES
Core Features
//
DELIVERABLES
Core Features
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 17.302 0.185 C 17.733 -0.062 18.267 -0.062 18.698 0.185 L 22.852 2.56 C 23.512 2.938 23.735 3.769 23.35 4.416 C 22.965 5.063 22.117 5.282 21.456 4.904 L 18 2.928 L 14.544 4.904 C 13.883 5.282 13.035 5.063 12.65 4.416 C 12.265 3.769 12.488 2.938 13.148 2.56 Z M 6.734 7.798 C 7.12 8.446 6.897 9.277 6.236 9.654 L 4.133 10.857 L 6.236 12.06 C 6.897 12.438 7.12 13.269 6.734 13.916 C 6.349 14.563 5.501 14.782 4.841 14.404 L 2.769 13.22 L 2.769 14.929 C 2.769 15.678 2.149 16.286 1.385 16.286 C 0.62 16.286 0 15.678 0 14.929 L 0 10.857 C 0 10.374 0.262 9.928 0.687 9.685 L 4.841 7.31 C 5.501 6.932 6.349 7.151 6.734 7.798 Z M 29.266 7.798 C 29.651 7.151 30.499 6.932 31.159 7.31 L 35.313 9.685 C 35.738 9.928 36 10.374 36 10.857 L 36 14.929 C 36 15.678 35.38 16.286 34.615 16.286 C 33.851 16.286 33.231 15.678 33.231 14.929 L 33.231 13.22 L 31.159 14.404 C 30.499 14.782 29.651 14.563 29.266 13.916 C 28.88 13.269 29.103 12.438 29.764 12.06 L 31.867 10.857 L 29.764 9.654 C 29.103 9.277 28.88 8.446 29.266 7.798 Z M 12.65 17.298 C 13.035 16.651 13.883 16.432 14.544 16.81 L 18 18.786 L 21.456 16.81 C 22.117 16.432 22.965 16.651 23.35 17.298 C 23.735 17.946 23.512 18.777 22.852 19.154 L 19.385 21.137 L 19.385 24.429 C 19.385 25.178 18.765 25.786 18 25.786 C 17.235 25.786 16.615 25.178 16.615 24.429 L 16.615 21.137 L 13.148 19.154 C 12.488 18.777 12.265 17.946 12.65 17.298 Z M 1.385 21.714 C 2.149 21.714 2.769 22.322 2.769 23.071 L 2.769 26.363 L 6.236 28.346 C 6.897 28.723 7.12 29.554 6.734 30.202 C 6.349 30.849 5.501 31.068 4.841 30.69 L 0.687 28.315 C 0.262 28.072 0 27.626 0 27.143 L 0 23.071 C 0 22.322 0.62 21.714 1.385 21.714 Z M 34.615 21.714 C 35.38 21.714 36 22.322 36 23.071 L 36 27.143 C 36 27.626 35.738 28.072 35.313 28.315 L 31.159 30.69 C 30.499 31.068 29.651 30.849 29.266 30.202 C 28.88 29.554 29.103 28.723 29.764 28.346 L 33.231 26.363 L 33.231 23.071 C 33.231 22.322 33.851 21.714 34.615 21.714 Z M 18 31.214 C 18.765 31.214 19.385 31.822 19.385 32.571 L 19.385 34.28 L 21.456 33.096 C 22.117 32.718 22.965 32.937 23.35 33.584 C 23.735 34.231 23.512 35.062 22.852 35.44 L 18.698 37.815 C 18.267 38.062 17.733 38.062 17.302 37.815 L 13.148 35.44 C 12.488 35.062 12.265 34.231 12.65 33.584 C 13.035 32.937 13.883 32.718 14.544 33.096 L 16.615 34.28 L 16.615 32.571 C 16.615 31.822 17.235 31.214 18 31.214 Z" fill="rgb(255, 255, 255)" height="38.00000080545807px" id="hg7NSU0jH" transform="translate(2 0.5)" width="36.00000048769423px"/></svg>)
3D Garment Configurator
Real-time model updates with fabrics, cuts, and stitching selections
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 30.6 36 L 5.4 36 C 3.968 36 2.594 35.431 1.582 34.418 C 0.569 33.406 0 32.032 0 30.6 L 0 1.8 C 0 1.323 0.19 0.865 0.527 0.527 C 0.865 0.19 1.323 0 1.8 0 L 27 0 C 27.477 0 27.935 0.19 28.273 0.527 C 28.61 0.865 28.8 1.323 28.8 1.8 L 28.8 23.4 L 36 23.4 L 36 30.6 C 36 32.032 35.431 33.406 34.418 34.418 C 33.406 35.431 32.032 36 30.6 36 Z M 28.8 27 L 28.8 30.6 C 28.8 31.077 28.99 31.535 29.327 31.873 C 29.665 32.21 30.123 32.4 30.6 32.4 C 31.077 32.4 31.535 32.21 31.873 31.873 C 32.21 31.535 32.4 31.077 32.4 30.6 L 32.4 27 Z M 25.2 32.4 L 25.2 3.6 L 3.6 3.6 L 3.6 30.6 C 3.6 31.077 3.79 31.535 4.127 31.873 C 4.465 32.21 4.923 32.4 5.4 32.4 Z M 7.2 9 L 21.6 9 L 21.6 12.6 L 7.2 12.6 Z M 7.2 16.2 L 21.6 16.2 L 21.6 19.8 L 7.2 19.8 Z M 7.2 23.4 L 16.2 23.4 L 16.2 27 L 7.2 27 Z" fill="rgb(255, 255, 255)" height="36px" id="YQwE6bpPK" transform="translate(3.33 2.17)" width="36px"/></svg>)
Fabric & Texture Library
High-resolution swatches linked to CMS IDs for error-free order transfer
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 3.8 11.4 L 3.8 34.2 L 11.4 34.2 L 11.4 11.4 Z M 0 9.5 L 7.6 0 L 15.2 9.5 L 15.2 38 L 0 38 Z M 30.4 26.6 L 30.4 22.8 L 24.7 22.8 L 24.7 19 L 30.4 19 L 30.4 15.2 L 26.6 15.2 L 26.6 11.4 L 30.4 11.4 L 30.4 7.6 L 22.8 7.6 L 22.8 34.2 L 30.4 34.2 L 30.4 30.4 L 26.6 30.4 L 26.6 26.6 Z M 20.9 3.8 L 32.3 3.8 C 32.804 3.8 33.287 4 33.643 4.356 C 34 4.713 34.2 5.196 34.2 5.7 L 34.2 36.1 C 34.2 36.604 34 37.087 33.643 37.443 C 33.287 37.8 32.804 38 32.3 38 L 20.9 38 C 20.396 38 19.913 37.8 19.557 37.443 C 19.2 37.087 19 36.604 19 36.1 L 19 5.7 C 19 5.196 19.2 4.713 19.557 4.356 C 19.913 4 20.396 3.8 20.9 3.8 Z" fill="rgb(255, 255, 255)" height="38px" id="PsqgB7SID" transform="translate(3 1)" width="34.200000000000045px"/></svg>)
Measurement & Fit Tools
Interactive fields and preset body templates for faster fittings
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 7.661 23.47 C 7.208 24.687 6.825 25.81 6.483 26.947 C 8.349 25.588 10.568 24.726 13.129 24.404 C 18.015 23.792 22.357 20.557 24.554 16.491 L 21.723 13.654 L 24.471 10.895 L 26.415 8.943 C 27.251 8.104 28.194 6.556 29.192 4.325 C 18.317 6.016 11.657 12.695 7.659 23.47 Z M 27.222 13.652 L 29.167 15.6 C 27.222 21.45 21.389 27.3 13.611 28.275 C 8.421 28.926 5.18 32.501 3.885 39 L 0 39 C 1.944 27.3 5.833 0 35 0 C 33.056 5.844 31.115 9.742 29.172 11.694 Z" fill="rgb(255, 255, 255)" height="39px" id="ip_7vz0Hi" transform="translate(3 0.5)" width="35px"/></svg>)
Rule-Based Logic System
Prevents incompatible combinations and guides users through choices
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 1.9 34.2 C 1.396 34.2 0.913 34 0.556 33.643 C 0.2 33.287 0 32.804 0 32.3 L 0 1.9 C 0 1.396 0.2 0.913 0.556 0.556 C 0.913 0.2 1.396 0 1.9 0 L 36.1 0 C 36.604 0 37.087 0.2 37.443 0.556 C 37.8 0.913 38 1.396 38 1.9 L 38 32.3 C 38 32.804 37.8 33.287 37.443 33.643 C 37.087 34 36.604 34.2 36.1 34.2 Z M 9.5 13.3 L 3.8 13.3 L 3.8 30.4 L 9.5 30.4 Z M 34.2 13.3 L 13.3 13.3 L 13.3 30.4 L 34.2 30.4 Z M 34.2 3.8 L 3.8 3.8 L 3.8 9.5 L 34.2 9.5 Z" fill="rgb(255, 255, 255)" height="34.199999999999996px" id="ueKPuqEoJ" transform="translate(1 3)" width="38px"/></svg>)
Order Export to CMS
All selections auto-formatted for client production pipelines
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 2.667 2.667 L 2.667 24 L 18.667 24 L 18.667 2.667 Z M 1.333 0 L 20 0 C 20.354 0 20.693 0.14 20.943 0.391 C 21.193 0.641 21.333 0.98 21.333 1.333 L 21.333 25.333 C 21.333 25.687 21.193 26.026 20.943 26.276 C 20.693 26.526 20.354 26.667 20 26.667 L 1.333 26.667 C 0.98 26.667 0.641 26.526 0.391 26.276 C 0.14 26.026 0 25.687 0 25.333 L 0 1.333 C 0 0.98 0.14 0.641 0.391 0.391 C 0.641 0.14 0.98 0 1.333 0 Z M 10.667 20 C 11.02 20 11.359 20.14 11.609 20.391 C 11.859 20.641 12 20.98 12 21.333 C 12 21.687 11.859 22.026 11.609 22.276 C 11.359 22.526 11.02 22.667 10.667 22.667 C 10.313 22.667 9.974 22.526 9.724 22.276 C 9.474 22.026 9.333 21.687 9.333 21.333 C 9.333 20.98 9.474 20.641 9.724 20.391 C 9.974 20.14 10.313 20 10.667 20 Z" fill="rgb(255, 255, 255)" height="26.66664px" id="jDZieYxsM" transform="translate(9.5 6.5)" width="21.333299999999998px"/></svg>)
Mobile-Friendly UI
Optimized for tablets used in boutiques and fitting rooms
3D Garment Configurator
Real-time model updates with fabrics, cuts, and stitching selections
Fabric & Texture Library
High-resolution swatches linked to CMS IDs for error-free order transfer
Measurement & Fit Tools
Interactive fields and preset body templates for faster fittings
Rule-Based Logic System
Prevents incompatible combinations and guides users through choices
Order Export to CMS
All selections auto-formatted for client production pipelines
Mobile-Friendly UI
Optimized for tablets used in boutiques and fitting rooms
3D Garment Configurator
Real-time model updates with fabrics, cuts, and stitching selections
Fabric & Texture Library
High-resolution swatches linked to CMS IDs for error-free order transfer
Measurement & Fit Tools
Interactive fields and preset body templates for faster fittings
Rule-Based Logic System
Prevents incompatible combinations and guides users through choices
Order Export to CMS
All selections auto-formatted for client production pipelines
Mobile-Friendly UI
Optimized for tablets used in boutiques and fitting rooms
//
SOLUTION
A Seamless Tailoring Experience
I designed a configuration ecosystem that merges tailoring expertise with digital precision. The final product enables tailors to create custom garments quickly, visually, and without errors, while ensuring every choice flows directly into the client's CMS for production
//
SOLUTION
A Seamless Tailoring Experience
I designed a configuration ecosystem that merges tailoring expertise with digital precision. The final product enables tailors to create custom garments quickly, visually, and without errors, while ensuring every choice flows directly into the client's CMS for production
//
SOLUTION
A Seamless Tailoring Experience
I designed a configuration ecosystem that merges tailoring expertise with digital precision. The final product enables tailors to create custom garments quickly, visually, and without errors, while ensuring every choice flows directly into the client's CMS for production
