OVERVIEW | CHALLENGE

The Beauty Industry is a multi-billion-dollar industry.

And... it only continues to grow.

Images of procedures trend on social media
and technology makes the procedures more mainstream to the public.

Permanent make-up or Tattooed on makeup is a niche trending business that has double-digit growth possibilities.

The goal of the app creation, is for it to vet out, and authenticate both the users and the quality of the tattoo artists. The app will analyze the information uploaded by the users and the professionals. Examples like the before and after images and other information based on clicks and reactions from social media.

Fia is here to support users make well-informed decisions based on users' real images, articles about the ink and technology, and encourage booking directly from the app.

 

ROLE
User Experience
UI Design

DURATION
September 2020- Present

PROCESS
Competitive Analysis | Research | Interviews Sketching | Prototyping Testing | Evaluation

SOFTWARE
Adobe XD | Balsamiq | Usability Hub Ethnographic Field Study | 5 Second Test |

 
 

PROPOSED SOLUTION
FIA is for people wanting permanent makeup tattoos and for Professional Tattoo artist.

The App focuses on users uploading their raw unfiltered before and after pictures and providing unbiased reviews to the Tattoo artist about their experience and the quality of the work.

Unlike injectables, a tattoo is permanent and can be a bad decision a person has to live with forever.

FIA is here to support users make better-educated decisions and view real people's choices in order to make the best decisions and lessen buyer's remorse.

 
 
 

COMPETITIVE ANALYSIS

There are tattoo apps out there for traditional tattoos. But very few dedicated to permanent make up tattoos.

I looked at how some of the tattoo sites interacted with their users to identify what problems could occur with a permanent make up tattoo. One major problem FIA, could solve was better information and content. A major upset was "buyers' remorse" and decision making on the skills and experience of the tattoo artists.

”Wake up to makeup, Naples” is a small business promoting their permanent tattoo make up services on their website. I content audited the site with the big take away being:

-No clear way to book with too many steps and redirects.
-No simple navigation, too much jammed into a page.
-Missing was a gallery to have the talented tattoo artists show off their abilities.

There are minimal apps that provide valuable information on makeup tattoos. This occurred to me as a missing in the beauty market, and this type of app is missing in the app world.

How FIA could stand out?
1. Focus on a lot of good before & after content uploaded from users who had permanent tattooed makeup procedures.
2. Provide validated tattoo artists who users can read about other users experiences with.
3. Create a library of curated content on the procedures, inks, and technology.
4. Simplify the checkout process.
5. Provide a reward for users after they fill out a survey on themselves to improve future experiences and match them to tattoo artists.
6. Allow for navigation to use their location or a radius to find skilled tattoo artists.

 
 

RESEARCH
I interviewed 5 people that provided a baseline on who the users would be, what they had in common, and what they differed in. I used open ended questions to elicit information.

KEY FINDINGS
1. Users want assurance the images uploaded are untouched and authentic.
2. The Tattoo artists must be vetted and there has to be a way to see how experienced they are.
3. It is still a new and ever changing industry and users want a way to understand what their options are and the newest information on techniques, inks, pain and more.

The affinity map created below externalized what our users understand & what the users know- providing better clarity on the needs.

USER PERSONA
Results from the interview there are three personas  

Research Identified 3 personas. 
• Millennial females that are online and are very image conscious.
• Very Pale Redheads and Blonde females that want a permanent natural looking solution.
• Older women who want to define their look simplify their time and always look good. 

 

INSIGHTS FROM USERS
After reviewing the research I identified three user personas.
Ruwan the “Influencer”
Stephanie “Ms. Natural “
Marne the “Boomer”

2021-06-05_15-36-48.jpg
2021-06-05_15-37-10.jpg
2021-06-05_15-37-29.jpg
 

JOURNEY MAPS
Creating persona journey maps allowed for me to understand what thoughts, tasks, emotions, and opportunities they would be faced with to accomplish the goals.


Continuing to test and refine what the users needs are I conducted an open card sort, and created a hypothesis. From that information I made a sitemap to structure the informational architecture of the app.

site map 3.0 review.png

LOW FIDELITY PAPER PROTOTYPE

With my research I started to sketch out screens and wireframe.
I tested my first designs with 4 users to get feedback on how my first design was working.

I tested the navigation and and requested the participants talk through how they would achieve each goal, keeping in mind this is a rough example.
The participants walked me through profile set up, services, and booking.

From the input I was able to make improvements and trouble shoot issues rethinking how to have the app work better.


WIREFRAMES

Creating a mid-fidelity iteration based on the pen and paper version continuing to work out the functionality and sticking points thinking of our original users.

wire frame onboarding.jpg
wire frame onboarding 2.jpg
wire frame onboarding 3.jpg
wire frame onboarding 4.jpg

USABLITY TESTING
Usability testing was the most helpful in identifying the last iterations for the app. I crafted a script, test plan, and had six tests remote on zoom. The participants went through the XD prototype while I recorded them looking for any pain points in navigation, functions and preference testing.
I analyzed the videos listening to how they answered and explained improvements and then used a spreadsheet to organize the information to see what was causing confusion and what solutions I could do.

AFFINITY MAP2.jpg

ITERATIONS & IMPROVMENTS
These are some of the improvements and iterations based on the last round of recorded interviews based on the severity and occurrences.

high fid Review.png

Home Page Navigation – Version 1

1. Users select a procedure Eyeline - Lip Liner - Eye Brows or Other Areas.

That triggers a complete page that slides down with aggregated images posted from other users before and after their procedures. Making sure there is a selection of diverse people and skin tones.

2. 3. 4. From that page, a user taps on an image and it advances to a new screen that has the image tapped on and other views if the users has posted them showing the work.

-Under the image is the users who posted the work’s profile
-The date of the procedure
-An icon to save or share the image
-The ability to call or go to the artist website.

Continues …

5. Menu slides in from left and provides additional selections on what other options the App provides.
User can select Artist Profiles and be taken to a page of Artist Profiles

6. The List of artists appears. Each profile has a few sentences about the artist. A few images, if possible, of their most likes images. The user selects an artist and then advances to their profile.

7. Artist Profile has a large image of the artist. At the top, it is posted if the artist is vetted, their name, and Location.
Hearts showing the level of reviews.
Before and After images of the people that the artist worked on, and the ability to tap on an image that opens the procedure larger.

8. Zoomed-in image of the procedure with the following posted under the image.
-The procedure-The date of the procedure
-An icon to save or share the image
-The ability to call or go to the artist website

9. Screen that slides in and has the other options available from the option.

 
rev 2021-05-21_14-07-13.png

10.There is a selection of contributors or users that have posted information about different topics. User selects a topic they want more information. That is selected.

11. Article post on the topic selected.

12. Navigation to go back to home page select a new service Eyebrows and repeat the same process of selecting an image on a procedure.

13. Zoomed in on treatment. The user decides that they want to book it. They tap the Calendar on the bottom.

14. Calendar shows up. The Tattoo artist’s name is at the top and a calendar

is there to support the date and time to book Now.

15. 16. Next screen with CC information

17. Thank you page appears as confirmation.


STYLE GUIDE
Provides a consistent look for the development

 
style guide.png
 

BUTTONS

Style guide 2.png

CLICK HERE FOR THE FINAL APP