InkEnvy

A mobile app focused on helping traveling Tattoo artists connect with clients around the world.

This is the mobile hero image.

Themes

UX Research and Strategy

UI Design

Tools

Sketch

InVision

Adobe Illustrator

Timeline

4 months

July 2019 - October 2019

Intro

Getting a tattoo can be an incredibly stressful experience.

As my mother once warned me, “Tattoos are permanent!” It is partly what makes them so personal and desirable for many people. However, it is also what makes the experience of getting a tattoo incredibly stressful.

While 32% of people with tattoos claim to be “addicted to ink,” an unfortunate 17% of people at least partially regret getting their tattoo.

Five of the final screens of InkEnvy. From top left to bottom right - Profile Page, Splash Screen, NewsFeed, Discover Page, Appointments Page.
$1.65 B Spent Every Year on Tattoos in the U.S.A. Statistics show that this number is growing by 3% every year
200,000 Tattoo Parlors in the United States This number grows by 1 every day!

Competitive Research

A Breakdown of Tattoodo

I began the research for this project by surveying the existing competitive market and looking for key areas where a new app could gain a foothold in the market. To this end, I found the two biggest existing competitors are Tattoodo and InkHunter.

Marketing page for Tattoodo showing their App's sign up page.

User Research

User Interviews

“It’s annoying that on Instagram I can only search one key word at a time.”

Once I had a basic idea of my user and their needs, I decided to conduct a dynamic digital card sort with 17 cards and 3 pre-determined categories (News Feed, Profile, Discover). This gave me an opportunity to see how my users grouped content and how well they understood the copy I intended to use for the app.

Once I had completed my market study, I began researching my target audience by interviewing people in my network with tattoos or an interest in getting tattoos. This gave me further insights into their knowledge of existing apps, their needs, their goals, and their frustrations. Once I had gathered my data through interviews, I created an infinity map and outlined my 3 biggest takes aways.

  • Almost all interviewees had a very limited understanding of existing apps.
  • A couple of interviewees would love travel related features. Either to know when artists are in town, or to book appointments when they are traveling.
  • All interviewees demonstrated a desire to be able to search using multiple key words.
Established User Base Tattoodo’s biggest advantages comes from its large community/follower base. It has been on the market since 2013 and in that time has grown to become the biggest tattoo community in the world.
Poor IA and Layout The mobile application uses a bottom tab with 5 menu options, but it is unclear what the icons mean and they do not have labels. Second, the Profile Page seems to overlap with the Saved Photos page. It seems that they could combine these items and simplify the navigation.
Strong Booking Platform Tattoodoo is the only Tattoo focused app that allows users to connect with real tattoo artists in the app and book appointments directly with them.
Limited Search Functionality The app does not allow users to search by location and style at the same time, which can cause friction with the user experience.

Information Architecture

Card Sorting With Constraints

Once I had a basic idea of my user and their needs, I decided to conduct a dynamic digital card sort with 17 cards and 3 pre-determined categories (News Feed, Profile, Discover). This gave me an opportunity to see how my users grouped content and how well they understood the copy I intended to use for the app.

The results of this study showed that 80% of respondents would group the same items into the Discover page, but only 53% of respondents agreed on what cards should be placed into the News Feed page.

DESIGN DIRECTION

Designing To Help Users and Artists Travel

One of my biggest takeaways from my User Interviews and Competitive Research, was that there aren’t any good apps to help users or artists who love to travel. With this in mind, I set out to solve this problem by making it easy for users to find artists in new cities that they may be visiting, or simply stay up to date on the schedules of traveling artists. Too often users don’t find out that an out-of-town artists they love was close by, until it is too late. InkEnvy will solve this problem.

An image of hand drawn sketches of the InkEnvy interface.

Switching to Sketch

A Journey to High Fidelity

Once I had a basic design direction, I decided to switch over to Sketch in order to create high fidelity mockups of my designs. This allowed me to create components, adjust my designs more easily, and create a new design system that resulted in a consistent visual design.

Image showing the menu pages of the InkEnvy interface. NewsFeed, Discover, Appointments, Notifications, and Profile.
An image of the wireframes to book an appointment in InkEnvy.

Nest Egg

The Final Product

Native Booking Software InkEnvy is designed to help tattoo artists book more appointments. Therefore it is crucial that the app has an easy-to-use native booking flow.
GIF showing the booking sequence on InkEnvy. Press book button, see calendar, select date and time, read disclaimer, send message, and confirm.
Advanced Searching Ability From my research, I knew that it was crucial to create an easy way for users to search multiple key words at once. Using the Discover page, Users shouldn’t have any issues finding artists from all around the world.
GIF showing the search function in InkEnvy. Goes to Discover page, searches for Porland Line Artists, sees results.
Save Photos for Inspiration A picture is worth a thousand words. Having the ability to save photos will make easy for users to keep track of the photos that inspire them, and communicate with their tattoo artists.
GIF showing the save function in InkEnvy. Clicks the heart in the corner of the photo, then navigates to Users' profile page to see the saved photo.
Discover Artists and Build Trust Getting a tattoo is a deeply personal experience. To make this a little easier, InkEnvy makes it easy to read reviews, contact artists, and stay up to date on their latest work. This way, when Users get under the needle, they will be confident and relaxed.
GIF showing and Artist's profile page. User views work, reads reviews, then clicks the Follow button.
Stay Up-To-Date It can be extremely frustrating to miss out when an artist you love comes to town. With the ability to stay notified on their favorite artists’ travel plans, Users will never have to worry again.
GIF showing the notifications feature in InkEnvy. User gets a new notification and navigates to that page to find out an artist they like is visiting their town.

lessons

Accessibility is Not an After Thought

InkEnvy was the first product I created when beginning my User Experience journey, so the lessons I learned along the way are almost innumerable. However, my biggest takeaway once I had finished the project, was the importance of thinking about accessibility from the very beginning.

With InkEnvy, I had to try and play catch-up at the end, to ensure that my designs were still usable for all users, but in many ways, this was a lost cause. I had already committed to many design decisions and there was only so much I could do retroactively to make InkEnvy more accessible.

Going forward, I decided that I would always make accessibility a priority from the very beginning of every project. This means that when I write User Journeys, or I conceptualize new features, I always consider how it will work for users with disabilities, and ensure that their experiences will be as seamless as everyone else’s.

Feedback on the design? Want to chat over coffee about design projects? Contact me!