What I Cover:
The Initial Challenge: Why I chose not to include UI designs.
Strategizing with Wireframes: How I leveraged wireframes to demonstrate my skills.
The Interview Process at Oter: A step-by-step walkthrough.
Key Learnings and Tips: What this experience taught me about the UI/UX industry.
2. Product Info
Tutubi is a beauty treatments plaform for
both men & women where users can get their
desired beauty service at saloon & doorstep
3. Task
Create a solution which will be accessible &
usable for 4 diffetent type of personas provided
4. Defining My Role
I am Atiqur Rahaman, with of work
experience. I've designed for
& many more companies helping them to grow. I
turn business ideas into great products with an undying passion for
delivering
product designer 5 years
Telenor, Robi, Dingi, SwissLife, Jwava,
Zantrik, Wondered
delightful user experiences.
I spent working on this problem as part of my task given by
Tutubi and came up with proposed solution to improve the user
experience in terms of usability, accessibiliy
2 hours
5. My Approach
I am only focusing on the specific problem provided to
me rather than whole product. I empathize the poduct
for each type of personas. Define the issues for each
personas. Then Ideate the possible solutions. Then I craft
a basic user flow for this. Then I create some wireframes
as solution
6. Provided Personas
Emily Robinson
A user knows what she wants (saloon + service)
Maria Phillips
A user knows saloon but does not know service
Aaron Williams
A user knows service but does not know saloon
Karla Blair
A user is discovering and does not know what she wants
7. Defining Problems Part 1
Saloon Services
Saloon Services
Emily Robinson
A user knows what she wants (saloon + service)
Maria Phillips
A user knows saloon but does not know service
Using this service won’t be so much problematic for Emily.
Becuase he is already aware of of his needs.
Maria has only idea about saloon. So a service based ordering
approach can make her frustated.
8. Defining Problems
Saloon Services
Saloon Services
Aaron Williams
A user knows service but does not know saloon
Karla Blair
A user is discovering and does not know what she wants
Aaron has only idea about service. So a saloon based ordering
approach can make him feel less interested.
Karla has no idea about what she wants. She is just an explorer.
Lack of motivation can cause her to not order anything
Part 2
9. Ideation
Emily Robinson
A user knows what she wants (saloon + service)
Need a usable & accessible interface
with available options
Maria Phillips
A user knows saloon but does not know service
Need a saloon based approach for
ordering service
Aaron Williams
A user knows service but does not know saloon
Need a service based approach for
ordering service
Karla Blair
A user is discovering and does not know what
she wants
Need motivation (Ex. Offers, Coupon)
to push her to order
10. Individual User Flows Depending on Persona
Emily Robinson
Maria Phillips
Aaron Williams
Karla Blair
Start
Start
Start
Start
Saloon/Service
Saloon
Service
Offer
Order
Service Order
Saloon Order
Saloon/Service Order
13. Wireframes
After brainstorming & sketching I have created
this wireframes which will improve the user
experience & streamline the order processing
flow for everyone
Figma Link
14. Analyzing Wireframes: Onboarding & Spotlight
Onboarding is a great way to introduce
features of a product with the users. It
is helpful for any type of user. They will
get an idea about what they can do in
this app. Advanced users can simply
skip this step
Spotlight is another cool feature. After
reaching home it will guide user for the
1st time who doesn’t have any idea
about the app. It helps user with some
detailed information about actions on
the interfaces. Advanced users can
simply skip this step.
15. Analyzing Wireframes: Home
Bottom sheet with specific options. It will help different
type of users to reach their familiar sections
Home is the most important place for any product
cause the first impression always comes from home.
So, I tried put multiple carousel of interests so that all
type users can find their needs while scrolling
A global serach can extend the exploration
opportunities for any user. It is also a great way
provide flexibility for orderin
As we are thinking about beauty service at doorstep
and pickup, Location plays a very important role.
Study shows that users have a tendency order from
nearest place
Notifications can alerts users with different type of
offers, limited time opportunity etc
1
2
3
4 5
16. Analyzing Wireframes: Services
Users like Aaron who don’t have idea about saloon but
know about serivecs can use this dedicated
navigation menu to choose his service directl
A quick sorting option is available for the users to help
them finding desired servic
You can search any type of service here. It also
provides the flexibilit
All the services here will be shown depending on the
location of the user. So location selector is important
action for user
Advanced filter can give user more freedom over Price,
Category, Type etc.
1
2
3
4 5
17. Analyzing Wireframes:
Services > Select Saloon
After selecting desired service users will land to this
screen. Same service can be offered by multiple saloons.
So they can choose saloon depending on their ratings &
prices
18. Analyzing Wireframes: Saloons
Users like Maria who don’t have idea about service but
know about saloons can use this dedicated navigation
menu to choose his service directl
A quick sorting option for the users to help them
finding desired servic
You can search any type of saloons here. It also
provides the flexibilit
All the saloons here will be shown depending on the
location of the user. So location selector is important
action for user
Advanced filter can give user more freedom over Price,
Category, Type, Rating etc.
1
2
3
4 5
19. Analyzing Wireframes:
Saloons > Select Services
After selecting saloon users will see this saloon details
screen. User can get detailed information about saloons.
They can also choose service from the list saloon provides
20. Analyzing Wireframes: Offers
Karla is a user who doesn’t have any interest about
purchasing anything rather than exploration. A
dedicated offer tab can motivate this type of users to
try service
Speific tab to sort offers for the service friendly &
saloon friendly user
Location selector to show location specific offers &
hide irrelevant offers
1
2
3
21. Analyzing Wireframes: Orders
A generic order details for all type of users. Services are
linked with saloons. You can change other options like
delivery method, locations, service date, payment
method etc. There is also billing information for this
services. A clear CTA to cofirm the order
22. Solution overview
Emily Robinson
A user knows what she wants (saloon + service)
He can use service from home, offers,
saloons, services
Maria Phillips
A user knows saloon but does not know service
She can use service from home >
saloon carousel, offers, saloons
Aaron Williams
A user knows service but does not know saloon
He can use service from home >
service carousel, offers, service
Karla Blair
A user is discovering and does not know what
she wants
She can use service from search,
notifications, offers
23. Thank You
This is my approach to improve the user experience maintaing usability,
accessibility & aesthetis for this product. It was fun working with problems
hello@atiq.info