ink tank app
Ink Tank App
From February-November 2019 I worked on a tattoo app named Ink Tank as part of my CareerFoundry UX Immersion Course. This app is designed to connect tattoo enthusiasts with the best tattoo artists across the globe. Our target audience is users 18 and up due to tattoo laws.
Clients need a way to vet potential artists because their investment is going to be a permanent one. First time tattoo searchers need to be able to warm up to the idea of getting a tattoo because the endeavor can be intimidating and discouraging. All users need a way to build trust and comfort with the professional practices and environments of individual tattoo artists in order to ensure the satisfaction and safety of their experience and investment. Tattoo artists need an accurate and effective way to showcase their talents, professional aptitudes,and environmental offerings in order to attract well-aligned clientele. Artists also need and interactive interface to facilitate communication and appointment administration so that they can seamlessly manage relations with clientele that are captured through the app.
Figma, Balsamiq, InVision, Adobe InDesign, Adobe Photoshop, Adobe Portfolio, Prott, Usability Hub, Survey Monkey, Optimal Sort.
To begin, I explored and researched similar services and create SWOT profiles analyzing key components of their businesses. Strengths, weaknesses, opportunities, and threats were taken into account to get a better idea of how to shape our product in order for it to stand out in the market and be unique in fulfilling user needs.
Card Sorting was performed via an online platform to organize app content from the perspective of the user. This step helped to flesh out the first site map, which was refined and re-iterated based on the user research interviews that followed this step of the design process.
I created an affinity map to organize all of the data collected in user research interviews.
Next, I created user personas from the collected data and user interviews. These personas were created with accessibility and representation in mind from initialization.
Next, I created a site map based on user flows developed from user personas. This map is the structural skeleton of the app, and was built to determine what screens, links, and content I needed to create to meet my users' needs.
Low Fidelity Wireframes
From the sitemap, I created Low Fidelity Prototypes, which were reviewed by my mentor. This mentor driven feedback helped me to develop the Mid Fidelity Prototypes created in the next step.
Mid Fidelity Wireframes
After creating my Mid Fidelity Protoypes, I performed user testing with a clickable version of this app that was re-iterated and re-tested with peers. The user testing included testing for key elements of functionality based on needs discovered in the user research interview and user persona development phases. I obtained functionality feedback for these key points, as well as plenty of other unexpected discoveries that were brought to light by my fantastic test participants.
High Fidelity Wireframes
After usability testing, peer feedback, and an accessibility review - my high fidelity prototypes came to life!
Major improvements made based on testing, feedback, and accessibility:
- Addition of a pricing gauge on each shop
- Standardization of buttons and CTA's
- Improved text readability and line spacing
- Improved icon design and current page highlighting on navigation bar
- Search results as a numbered list correlating with map pins
- Clarification of links in search result page
- Simplification and added white space
- More functional introduction screen with error notifications
Go ahead, take a test run:
I received guidance and feedback from my CareerFoundry tutor, Wesley Casswell, and my mentor, Joshua Weber.