Where your body can be treated like a temple to decorate as you please.
The TatThat app is meant to give users, both tattoo artists and collectors, more control over their tattoo gathering and giving process.
CareerFoundry - UX Immersion Course Project
November 2018 - July 2019
Figma, InVision, Draw.io, Prott, Optimal Workshop, Capture, SmartMockups, My Google Drive, all the sticky notes
Competitive analysis, user interviews and testing, sketching, low & mid & high fidelity wireframing, UI design, prototyping
According to IBIS World, for 2018 there are at least 54K tattoo artists in the world. Yet those artists are hard to locate all in one place as their information is spread all over social media and personal websites.
Users need to easily view clientele and tattoo artists' ratings and rates in any given area so that they feel safe in knowing what to expect; whether they are searching for new clientele, local, traveling, or global tattoo artist. Our users also want to be able to preview how a tattoo design will look on their own skin, no matter their skin tone.
We will know this to be true when we see users build up their content on the application, and by the number of downloads around the world.
Make an app that provides a solution to those issues:
1. lead users through a superimposition tool
2. create a means of easily finding local, global and traveling tattoo artists
3. allow users to easily shop for clientele and/or tattoo artists
FIRST THING'S FIRST- COMPETITIVE ANALYSIS
It's important to check out the competition! A SWOT analysis was performed for the two most highly rated tattoo design/search applications: Tattoodo and Ink Hunter.
GETTING TO KNOW THE USERS
Users were met in spaces they felt most comfortable in, usually in the company of a tasty cup of coffee. Then, after multiple user interviews it was found that there are two distinct groups of users:
REFINING THE EXPERIENCE
By taking advantage of the information gathered from creating the design personas, a site map was ideated. The original site map was refined based on the finding that users only want a few discrete pages used in the application.
WIREFRAMES AND USABILITY TESTING CYCLE
Creating prototypes from low, mid, and high fidelity wireframes were driven by the feedback that was received from the card sorting exercise and repeated usability testing. "Polished" has been the go-to phrase when it came to building each iteration of the application.
The prototype as well as this portfolio are living documents and will continue to evolve over time. They will continue evolving through the user centered design process.
Through the entire process the main challenge came down to TIME BLOCKING! It is one thing to get things perfect, it is another to complete tasks in a timely manner.
UI DESIGN POLISHING
The overlay tool gives users the freedom to superimpose tattoo designs on their own skin.
During usability testing, it was discovered that users did not even use the onboarding; so that user flow was adjusted to spotlight that feature from the beginning, right after opening the app.
CREATING A TATTOO ARTIST & COLLECTOR COMMUNITY
From user interviews, both Tattoo Artists and Collectors wanted to feel safe and heard by others. Also, during usability testing users did not use the artist or collector gallery page; so the Gallery page was renamed to Community.