top of page

user Research and USEr Interface Design

Working with me,  you'll receive a deep understanding into user behaviors and needs, ensuring your product is finely tuned to meet their expectations.  You'll gain an invaluable perspective of your client's journey, tailored interview questions that will impact design, marketing, and sales changes,  and develop a strategic roadmap to your product's success.   
 
Meanwhile, the user interface designer I will craft for you visually stunning interfaces that seamlessly integrate these insights, ensuring your product not only looks great but also functions intuitively.
 
Together, I'll provide a holistic approach to product development, guaranteeing a user experience that stands out in today's competitive landscape.

A good case study for viewing my research and user interface was when I was at Clothing Tech LLC.

Clothing TEch New Logo_edited.jpg

Overview:

Fashionr™ by Clothing Tech - 4D Clothing Creator


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 - February 2024

Tools: Figma, Adobe Creative Suite, Unity, Google Teams, Pen and Paper, Miro, Google products, User Interviews, Competitive Analysis, Salesforce, Java, Fig Jam. 

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 joined Clothing Tech LLC, their software was still in a pre-sales beta phase. I played a pivotal role in driving its development and launch, helping it transition to a full product offering and successfully onboarding clients.

I spearheaded the transition of our software from beta to a full product launch, streamlining client onboarding. Here's how I achieved this:

  • Polished the user experience: I meticulously addressed application inconsistencies, revitalized user journeys, and redesigned modals, buttons, and features for a smoother experience.

  • Enhanced marketability and engagement: I introduced innovative features, modals, workflows, tools, and icons, making the application more attractive and engaging for clients.

Competitive Advantage and Connecting to Clients

Clothing Tech's Advantage:
However, Clothing Tech offers a unique and powerful approach – "assembling and constructing" garments directly in a 3D space. This allows for seamless design iteration, eliminating the need for manual placement and basic mock-ups.

Initial Hurdle:
While innovative, I discovered our target audience initially struggled to understand the value of this revolutionary approach.

The Solution:
To bridge the gap, I focused on connecting with actual users. By understanding their needs, I learned how to effectively communicate Clothing Tech's strengths.

New Customer Focus:
Through this process, I identified three distinct user groups who would find our application highly valuable.

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

 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?

  • Seamless Integration: Fashion designers are accustomed to using design software like Adobe Creative Suite smoothly within their workflow. Clothing Tech should offer a similar level of effortless integration.

  • Reduced Frustration: By streamlining user workflows and simplifying pop-up interactions (modals), we can improve user experience and avoid frustration or "application fatigue."

  • Addressing User Needs: Focusing on solving user problems, needs, and desires allows us to create improved solutions and ultimately, a better product.

Originally, the application design was complex and user-unfriendly. This was likely because the initial design decisions focused on the technical aspects rather than the user experience. To address this, we made several key improvements before launch.

Such as: 

User Journey Map

Journey Map 2.png

Platform Refresh: Inconsistencies in Tools and UX

Beta Version

​Beta issues:

  • Unclear Button Functions: Button labels are unclear, making it difficult to understand their purpose.

  • Color Contrast Issues: Background colors clash with button highlights, hindering readability.

  • Inconsistent Dropdown Indicators: Spacing for dropdown indicators is inconsistent, creating a visually messy experience.

  • Unfamiliar Icons: Icons lack clarity and don't resonate with fashion designers.

  • Unidentified Tools: It's unclear which tool is currently in use.

  • Low-Visibility Tools: Tools blend into the background, making them difficult to find.

  • Subtle Buttons: Important buttons lack prominence and may be easily overlooked.

  • Truncated Project Name: The project name is too small and gets cut off, making it hard to identify.

Product Launch

Product Launch issues:

  • Top Project Names:

    • Clarify the top project name display – it seems confusing to users.

  • Dropdowns:

    • Dropdown Icons: Dropdown icons need alignment and clearer indication of their functionality.

  • Navigation:

    • Right-Click Navigation: Simplify or adjust the right-click navigation as it's currently difficult to understand.

  • Tool Menu:

    • Icon Placement: While the tool menu background contrast is improved, the icon placement needs further refinement to avoid distraction.

  • Important Button:

    • Button Placement: Although the important button has been fixed functionally, its location still creates user experience issues.

SCROLL LEFT AND RIGHT TO SEE THE DIFFERENCE

Final Version resolution:

  • Combine left & right menus into one that hides/shows.

    • Use only 3 colors (less grey!)

  • User Feedback:

    • Show users what they're working on clearly.

  • Layout:

    • Remove clutter and line things up neatly with a light grey background.

    • Make top bar tools easier to use.

  • Right Menu:

    • This is the main area - make it clean and easy to use (remove extra lines/boxes).

  • Project Name:

    • Give the project name its own space so it's always visible.

  • Tools:

    • Put all tools in a menu that shows which one is active.

    • Move the VIP button here too, so it doesn't block the left menu.

Feature Update: User Flows and Journies

I streamlined how users work with the application and made pop-up windows (modals) easier to use. This helps people avoid getting frustrated and tired of using the app.
 

For example, the Component Manager, which is a very important feature, was too difficult to use before. I fixed that!

The old way of using this feature was confusing because it was spread out across the app.

What I did:

  • Made it a modal: I put everything users need in one easy-to-find window.

  • Fewer steps: Simplified the process so it's quicker to complete.

  • Improved design: Designed it to be more user-friendly and guide users towards finishing the task.

Finish Manager Check.png
Finish Manager User Flow.png

Creation of New Features

I focus on making our app truly useful for fashion designers and technical designers (the people who use it). This means listening to their problems and needs, so we can create the best possible tools.
 

For example, a key feature is Tech Pack creation. Tech Packs are like blueprints for clothes, used by designers to communicate with manufacturers.

My goal:

  • Simplify Tech Pack creation: Use user feedback to design a streamlined workflow and easy-to-use pop-up window (modal) for creating Tech Packs.

  • Work with developers: Collaborate with developers to bring this design to life.

  • Ensure success: Test the new process to make sure it's accurate, efficient, and helps users achieve their goals.

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

The new platform update was a big hit!

 

Clients loved how responsive it was, which made the app faster and easier to use. This kept them coming back for more. The new features were also a big plus, helping them streamline their daily tasks.

  • Increased weekly user interactions from 40 to 1500, significantly boosting web traffic and engagement metrics.

  • Successfully integrated key application features, resulting in the acquisition of 3 new beta clients.​​

  • Initiated and led a digital marketing campaign generating 300 unique leads in 3 months and increasing potential customer base.

Made Fashionr App Even Better!

Three Words for CT.png

In the works: Develop a Personalized Interface.

"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