Creating a responsive web app to explore inspiration for tattoo designs and find the correct artist to execute the design.
My role within the team:
UX / UI Designer
The Story of the project:
Art Tattoo is a responsive web app (mobile-first approach) designed to inspire tattoo enthusiasts while answering their questions and showing them the latest tattoo trends from around the world. The purpose of this App is to discover new artists and studios, while connecting and learning more about the tattoo community.
The problem to solve:
The user needs an organized way to access a wide range of artists, styles and informative material about tattoos because he wants to find the inspiration he’s looking for. We will know this to be true when we see frequent downloads, returning users and positive ratings of the app.
Strategy to find a solution:
- Research -
1. Competitive Analysis
2. Business Requirements
3. User Stories
4. User surveys and user interviews
5. Affinity Maps
- Define -
6. User Personas
7. User journeys
8. Task Analysis
9. User Flow
- Prototype -
10. Site Map
11. Low-Fidelity / Paper Prototype
12. Mid-Fidelity Prototype
13. High-Fidelity / Clickable Prototype
- Test -
14. Usability Test
15. Preference Test
How the solution solved the problem:
A survey and a testing session with several users confirmed our assumptions: people could easily find their way through the App, achieve their goal and complete tasks without friction, regardless of the surroundings.
The impact of the project for the business and the users:
By focusing on non-tattooed users, we discovered a niche to explore and a lot of features to add. The users were really interested in asking questions and reading responses from other questions they might have.
The challenges I faced:
The lack of time to perform a better research around the sitemap and the personas.
What I learned:
An in-depth research makes a solid foundation for the project.
- Pen & Paper
- Adobe XD
- UsabilityHub.com (preference test)
- Optimalworkshop.com (card sorting)
- Google Forms (user survey)
- MindNode (Site Map)
- WebAIM (contrast checker)
A big thank you to Shereen Lopez, Rachel Zhang and Morrison Key for the collaboration.