Tailors Mana - Tailor CRM app

Wanying Song
Project overview
The product:
Tailors Mana is a customer management for tailors
specific located in London area. Tailors Mana tends
assist tailors and owners to keep their orders and datas
in order. Tailors mana target users who are looking for
an organized list and unified database.

Project duration:
December 2021 to April 2022
Project overview

The problem: The goal:

Tailors are not able to find informations and Design an app for tailors that allows users
details when they need. easily organize informations and priority lists.
Project overview

My role:
UX designer designing an app for Tailors Mana
from conception to delivery.
Responsibilities:
Conducting interviews, paper and digital
wireframe, low and high-fidelity prototyping,
conducting usability studies, accessibility, and
iterating on designs.
 ● User research
Understanding ● Personas

the user ● Problem statements

● User journey maps
User research: summary

I conducted interviews and created empathy maps to understand users I’m designing for and there
needs. A primary user group identified through research was tailors who need a way to organize
their datas.

This user group confirmed initial assumptions about Tailors Mana users, but research also revealed
that data analysis was not the only factor limiting users using paper trail. Other user problems
included priority, date search, or contacts that make it difficult to organize orders and related
process.
 User research: pain points

1 2 3 4
Payment Track Accessibility Information Profile Creation

Clients are pay in various Platforms for managing Too many text and It is not obvious for user
ways, and it is difficult to customers are serving missions in one page will to create profile account
track and link to each without specifically increase difficulty to as the first step.
client. design for tailors.. using app daily.
Persona: Name

Problem statement:
Bianca is a new-start tailor studio
owner, who needs to quickly
organize her clients because she was
lost in paper trail and information
everywhere.
User journey map

Mapping Bianca’s user journey

revealed how helpful it would be
for users to have access to a
dedicated Tailors Mana app.
 ● Paper wireframes
Starting ● Digital wireframes

the design ● Low-fidelity prototype

● Usability studies
Paper wireframes

Taking the time to draft iterations of each screen

of the app on paper ensured that the elements
that made it to digital wireframes would be
well-suited to address user pain points. For the
home screen, I add Calendar in order to help user
create priority list.
Digital wireframes
As the initial design phase
continued, I made sure to
base screen design on
feedback and findings from
the user research.
This graphic represent
ongoing clients order,
which make it a clear
reminder about tasks.
Insert second
wireframe example that
demonstrates design
thinking aligned with
user research This is a to do
list for users to
list priority.
Digital wireframes
A shortcut to link client
with orders and
A selection to offer users to projects.

link existed client account

to new orders or repeated
orders.
Low-fidelity prototype
Using the completed set of digital
wireframes, I created a low-fidelity
prototype. The primary user flow I
connected was adding a new
project/order, so the prototype could be
used in a usability study.

View the Tailors Mana

Low-fidelity prototype
Usability study: findings
I conducted two rounds of usability studies. Findings from the first study helped guide the
design from wireframes to mockups. The second study used a high-fidelity prototype and
revealed what aspects of the mockups needed refining.

Round 1 findings Round 2 findings

1 Users want to have a clear hint to 1 Calendar is confusing

create profile account

2 Users want to have a confirmation 2 Chat feature is missing

page

3 Users want to have a simple

information page
 Mockups
Refining
●
● High-fidelity prototype
the design ● Accessibility
Mockups
Before usability study After usability study

Early designs allowed for

display full projects in home
page to give a process in
advance, but after the
usability studies, I decide to
separate by days, and only
leave marks on Home page.
Mockups
Before usability study After usability study

The second usability study

revealed chat features is
missing. So I added contact
Image of Image of
within the app and link with selected selected
related client and orders. screen before screen after
usability study usability study
Mockups

Main Main Main Main

mockup mockup mockup mockup
screen for screen for screen for screen for
display display display display
High-fidelity
prototype
The final high-fidelity prototype resented cleaner
user flows for adding new order and client. It
also met user needs for using chat. Screenshot of
prototype with
connections or
prototype GIF

View the Tailors Mana

High-fidelity prototype
Accessibility considerations

1 2 3
Provided enough Used icons to help make Used highlighted buttons
whitespace in order to navigation easier. to emphasize key buttons
keep concentration on for users to distinct right
key informations and away.
spending less process
time.
 ● Takeaways
Going forward ● Next steps
Takeaways

Impact: What I learned:

The app makes users feel like Tailors Mana While designing the Tailors Mana app, I learned
really helps them to start easily and meet their how research can be a very important step to
needs.
avoid bias.
Next steps

1 2

Conduct another round of Conduct more user

useability studies to research to determine
validate whether the pain any new areas of need.
points users experienced
have been effectively
addressed.
Let’s connect!

Thank you for your reviewing my work on the Tailors Mana app! If you’d like to
See more or get in touch, my contact information is provided below.

Email: songwanying2015@gmail.com
Thank you!