top of page
Clothing TEch New Logo.png

Overview: Clothing Tech LLC is a B2B start-up, and its product, Fashionr, is a SaaS fashion software application, specifically made for fashion designers, technical designers, and manufacturers.

Fashionr, formally known as the Garment Digital Twin, leverages AI-assisted pattern making, user-defined finishes, automated tech pack, Point of Measure production patterns, built-in costing, and many more features

Duration: April 2022 - November 2023

Tools: Figma, Adobe Creative Suite, Unity, Google Teams, Pen and Paper, Miro, Google products

Role: Senior UX Researcher, UX/UI Designer

Methods:
 Scrum, Agile
 

Clothing Tech Mac_edited.png

"Fashion Designers Are Visual People, They think visually, We need tools and products that work like that, that work the way we do"

Client quote

When I started at Clothing Tech LLC, the software was still in Beta, tagged as "Pre-Sales". As I got into the swing of things, I played a pivotal role in moving it beyond Beta and into the official Product Launch stage -- helping clients get on board.

To transition from the Beta Product phase to the official Product launch and streamline Client onboarding, my primary emphasis was directed toward three key focal points:

  • Meticulously refining application inconsistencies

  • Revitalizing and redesigning user journeys, modals, buttons, and features

  • Innovating and introducing novel features, modals, workflows, tools, icons, and the like, with a focus on rendering the application more marketable and engaging for clients

Competitive Advantage and Connecting to Clients

In the world of 3D Fashion AI products, some experienced competitors have been around for quite a while offering a manual placement and virtual mock-up approach to designing. They've refined their products and associated workflows and therefore built loyal customers.

Clothing Tech has a unique digital approach to "assembling and constructing" garments within a 3D space,
which allows for the iterative refinement of designs in a seamless 3D environment -- eliminating the need for manual placement of components atop one another and the creation of a "just" virtual mesh mock-up for garments.

I soon realized:

 

  • Our initial target customers weren't easily able to see the value of adopting such a unique approach.

    • To break into the market successfully, I had to connect with actual users to figure out how to connect and communicate our product's strengths to the user.

  • In the process, I  identified three different types of people who would find our application very useful.

Hi! I'm

Elicia

Director of Technical Design and 3D Design

“I work a lot of cross-functional teams from factories to designers. It is always exciting to utilize new technology in my every day as long as it is easy to integrate and isn't a burden to already full workload."

Paint points :

  • Wary of expediting time and resources on new technologies

  • Doesn't trust virtual samples vs real-life samples

  • Overloaded with samples

Elicia Persona_edited.jpg

Problem Statement

After identifying the correct clients who can use this product a statement emerged. 

 In the realm of fashion design, users are facing a challenge in finding a software application that seamlessly integrates into their everyday workflow while maintaining an intuitive user interface and overall efficient one-solution experience.

WHY is this significant?

  • Fashion designers seamlessly integrate design applications like Adobe Creative Suite into their workflows and expect consistent interactions

  • The enhancement of user workflows and simplification of modal processes aids users and mitigates frustration and application fatigue

  • The application's commitment to delivering a specific user output involves actively addressing user problems, needs, and wants, leading to improved solutions and a better end product

User Journey Map

Journey Map 2.png

​Additionally, the application's design decisions, originating from a former UX/UI designer working in collaboration with developers, resulted in a complex system that did not take the end user into account.
 
Recognizing the intricacies of this system, several areas of the application required upgrading before product launch.

Platform Refresh: Inconsistencies in Tools and UX

Meticulously refining all application inconsistencies

Beta Version

​Beta issues:

  • Unclear button indicators.

  • The coloration of the background versus highlights is disruptive and not legible

  • Inconsistent spacing of dropdown indicators

  • Icons were not understandable to a fashion designer

  • The indication of what item is being used is not understandable

  • Barely visible tools against a similar background.

  • Important buttons are not prominent 

  • The project name is small and gets cut off

Product Launch issues:

  • Rework the left panel spacing and indicators.  Highlights are disruptive and eligible

  • The top project names are confusing  

  • Drop-down icons are not lining up and unclear what they indicate. 

  • Right-click navigation is difficult to decipher

  • Tool meu versus the background is improved, however, icons are in a distracting location

  • The important button is fixed, however, the placement is still an issue for the users.

Product Launch

Final Version: Use scroll to view the difference from before and after.

Final Version resolution:

  • Make the left and right menu a drop-down that can be closed and open

  • Minimize the Drk. greys, greys, white to 3 colors

  • Clear highlight and indicator of what item the user is working on

  • Declutter and line up space with a light grey grid

  • Rework the size and placement of top bar tools. 

  • Make the right menu the highlight and change unnecessary lines, boxes, and unformatted spacing

  • Found a Home for the Project Name so it is not cut-off and easily accessible

  • Move tools into a Tool Bar Menu with a clear indicator of what tool is in use

  • Move VIP Button to this location that does not interfere with the left-side menu

Feature Update: User Flows and Journies

The enhancement of user workflows and simplification of modal processes aids users and mitigates frustration and application fatigue.

Highlighted workflow and modal: Component Manager. Clients found this key feature in our application difficult to use and navigate

Finish Manager Check.png
Finish Manager User Flow.png

Creation of New Features

The application's commitment to delivering a specific user output involves actively addressing user problems, needs, and wants, leading to improved solutions and a better end product.

A key feature that the application promised was a Tech Pack Creation. In the fashion world, the Tech Pack is a blueprint that designers and technical designers (i.e, our users) create and share with manufacturers to create garments.

My objective:

  • Utilize user research to design a functioning simplified user flow and modal for the tech pack

  • Implement tasks with developers

  • Test accuracy, efficiency, and success of the task

Tech Pack Location.png

Location

Last Ideation

In addition to the Tech pack, I designed, created, and developed at least 12 user focused features.

Outcomes: Design and Implimentation

Overall, clients found the updated platform and responsiveness a vast improvement from the previous iterations. This improved the performance and user retention of the application. The users also found the new updates and new features as value-added for their everyday processes. 

Lastly, Clothing Tech LLC had a 3-week Agile/ Scrum structure which my task entailed:

  • Collaborate with the owner, managers, and development team to improve or update features

  • Leading design meetings with the client or customer service team

  • Speak with sales on the relevancy of parts of the application

Three Words for CT.png

Issues:
The main issue we had with the Fashior was the system architect and "Unclean" coding 
I would test the application daily to report BUGS, speak with customer service on improving features, and note UX/ UI problems. 

This issue became less of a problem over time due to my work reworking and
 reducing user journey flows, adaptability and standardizing of Modals, and making some features obsolete. 

Bug Report.png

In the works: Develop a Personalized Interface.

Something I was constantly pushing for and developing was several different modes and lighting changes
Such as:

  • Dark Mode

  • Grey Mode

  • Runway Lighting

  • Life-like Textured Material

 

I found this to be very important to the users because:

"Fashion Designers who use applications such as Adobe are used to a customizable interface where they can change to suit their needs. Having something such as a Dark Mode supports the user three-fold: Reducing eye stain, customizable, and increasing productivity"

Clothing Tech Dark Mode.png

Clothing Tech Team

Owner
CMO and Sales (2 People)
UX team (7 people)
Developers  and System Software Team (8-10 people)
Client Service Team (3 People)
External Marketing Team
External Business and Content Team 
Users and Onboarded Clients

External Links

Click here to visit The Clothing Tech Website and the Clothing Tech Marketing Video (created by me).

bottom of page