Inkedbook logo with 2 screnshots of the app: homepage and booking form.

InkedBook

A centralized community and booking system for tattoo artists and customers.
role
UI/UX Designer
duration
3 weeks
type
Solo class project
tools/skills
Figma, Prototyping, UX Research, UI Design, Mobile

overview đź“„

For my Digital Product Design class, I brought my idea of an app for the tattoo community to life through extensive user research and design thinking. Through research methods such as talking with tattoo customers and surveying the tattoo app landscape, I thoughtfully designed an app that would bridge the gaps in the tattoo discovery and booking process.  

The Problem 🤔

How can we create a centralized platform for tattoo artists and customers, and expedite the tattoo booking process?

Getting tattoos online is an arduous and complicated process. The tattoo booking process is spread out over multiple platforms. Those who want a tattoo have to search on multiple platforms for artists that suit their taste. After finding an artist, they then have to book their appointment and contact the artist in different locations. With all of these steps and artists all over the place, the tattoo finding process is overwhelming.

The Solutionđź’ˇ

Inkedbook, a mobile app that consolidates the tattoo booking process into one place. It serves as a centralized community and booking system for tattoo artists and customers.

Key Features

Overview Homepage

Stay updated! View your upcoming appointments, booking statuses for saved artists, and waitlist positions.

Overview homepage screenshot with upcoming appointments, saved artists, and waitlists.Artist community page screenshot with a search bar, and Explore section with For You and Trending sections.

Artist Community

Browse tattoo artists, designs, and trends through the community with the Explore and Search functions.

Booking Form

Conveniently book an appointment with the tattoo artist within the app.

Booking form screenshot with tattoo artist icon, view work button, month selection buttons, name form, date of birth form, and pronouns form.Messages screenshot with search bar, and a preview of one conversation with a tattoo artist named Carrie.

Contact the Artist

Communicate directly with the artist in the app through messaging.

Research đź“š

Going back to the question—How can we create a centralized platform for tattoo artists and customers, and expedite the tattoo booking process?—I wanted to fill in my knowledge of the current scene in the tattoo community to find out what was needed to address it. 

But what information specifically should I look for, and how? I decided on two research methods based on the following reasoning:

Table. First column:  First row: question. Second row: information needed. Third row: method.  Second column:  First row: What’s currently out there for this problem?  Second row: Existing solutions/alternatives. What works, what doesn’t, and why? Third row: Competitive analysis.  Third column: First row: What do users (the tattoo customer base) want? Second row: Goals and needs. Frustrations and pain points. How can their experience be improved? Third row: User interviews.

Competitive Analysis

Three app icons: Acuity, Vagaro, and Tattoodo.

I analyzed three existing platforms and tools within the tattoo community based on 4 types of criteria:

• Community
• Artist/Studio information
• Booking
• Communication

Examining the features and UI of each platform and how successful they were in fulfilling each area led to the following insights:

Many platforms only serve as one part of the tattoo booking process.

Acuity and Vagaro had very strong scheduling and booking systems, but they failed to provide detailed information on tattoo artists and studios (i.e. policies and designs). While useful for the booking part of the process, they failed to foster communities with the lack of a space for customers to explore artists and tattoo designs.

Acuity and Vagaro's scheuling and booking systems.

Tattoo artists deserve recognition and ownership over their tattoo designs.

While Tattoodo’s concept came the closest to encompassing the entire tattoo booking process, it fell short of fostering an environment where artists own their identity and work. Tattoodo’s format is similar to Pinterest where various artists’ designs are presented in an inspiration board layout, which focuses on the designs rather than the artists. 

Tattoodo's explore, profile, and post formats.

Seeing the estrangement of the artists’ works from themselves on Tattoodo, I wanted to create an environment where artists could have more ownership and recognition for their work.

User Interviews

Wanting to hear directly from users, I interviewed 5 users on their experience with finding and booking tattoo artists online.

After using affinity mapping to find themes from the users’ responses, I uncovered the three following insights:

The tattoo booking process is spread over multiple platforms.

It is tedious, discouraging, and confusing when tattoo customers have to navigate through different websites to book an appointment.

Social media is often used to find tattoo artists.

Many tattoo customers would use Instagram as a tool to find tattoo artists and view their work.

There is a need for better communication methods.

Communication is primarily conducted over Instagram direct messaging and email, which further extends the spread of platforms in the booking process.

Personas

Based off the interviews, I created two personas to help understand potential Inkedbook users, their values, and what they desire for the tattoo booking process:

Jane.  27 years old. Working adult. Has tattoos.  About: Hello—my name is Jane and I work at a marketing firm in Chicago. I’m planning to go on a trip with my friends to New York City, and I’m interested in getting a tattoo there. I’m very busy with work, so it’s often hard for me to attend to everything in my personal life.   Goals: To easily find a tattoo design/style/artist she likes. Book an appointment quickly.  Frustrations: Hard to find tattoo artists online in one place. Multiple platforms during the process is discouraging. She doesn’t have a lot of time.Sam.  19 years old. College student. New to tattoos.  About: Hi! My name is Sam and I’n a college student in Cleveland. This is my first time getting a tattoo, and I want it to be great. I also want to learn more about the tattoo scene and what artists are out there.  Goals: To find a tattoo design/style/artist he likes in his area. Book an appointment without stress. To keep up with tattoo artists and trend.  Frustrations: Is not familiar with the booking process and tattoo terminology. Not aware of tattoo artists around them. Process across multiple platforms can be confusing and discouraging.

Brainstorming đź’­

Drawing from the personas and findings of my research, I created three user stories to help brainstorm features that would best help users achieve their goals. 

Tattoo customers:
• Need a centralized system to book from artists so they can spend less time navigating multiple platforms and websites.
• Need a community that allows them to explore tattoo artists and designs so they can find the tattoo artist/design  they want.
• Need a centralized platform to communicate with artists.

Based on the user stories, I came up with the following three main features for Inkedbook:
• Booking Form
• Artist Community
• Contact the Artist

User flow

Using the three main features as a framework, I used a user flow to lay out the paths of the features and visualize the basic structure of the app. In doing this, I could brainstorm the smaller features of InkedBook and how they could overall be connected to help the user.

Once I had a clearer vision of how the app would be structured, I sketched the interfaces out to brainstorm the layouts of the screens.

Sketch

Once I had a clearer visualization of how the app would be structured, I started sketching the interfaces to brainstorm the layouts of the screens.

Prototyping + Usability Testing 👥⚙️

To create the skeleton of the prototype, I created low-fidelity wireframes in order to assess the functionality and organization of the design.

Usability Testing

When transitioning to the final, high-fidelity prototype, the wireframe served as a tool for iteration as I tested the product with potential users. Based on feedback from peers and mentors, I made the following improvements to the app:

Using appropriate language to view artists’ work

While booking the appointment, customers have an option to view the artist’s work. The button to perform this action was previously named “View Profile” and the work was laid out in a profile format. To make it clear that this functionality was for users to take a look at the artist’s work to inform their own tattoo choices, I changed the button to “View Work” and adopted a photo gallery style for the artist’s work.

Placing date selection farther in the booking form

The option to choose a date is put at the very beginning of the form, which is unconventional and can put unwanted stress on the user. This was for the purpose of letting customers know when artists are available, as many artists open bookings for appointments months ahead. To address this, the date selection was moved to the last page of the form, and the customer can select only the month for their appointment in the beginning instead to get a sense fo the artist's general availability.

Final Prototype 📱

Reflections and Next Steps đź’¬

A valuable lesson I took away from this project is that garnering feedback and insights from potential users is an extremely valuable part of the design process. I also learned to be a bit more open-minded when it came to my designs—not being too attached in the sense that there is always room for improvement! I enjoyed practicing my branding and UI design skills, and learning more about what users want.

Some insights for the future:

Exploring more user research methods

While I was able to interview users to learn about their experiences and opinions about the booking process, I wish I utilized more research methods (such as storyboarding or a journey map) to understand the user more as they go through the booking process. At what specific points do users have challenges, and what  current actions do they take to book an appointment? It would be useful to explore the booking process step-by-step in this sense.

Utilizing rapid ideation and brainstorming sessions

Although I did sketch out my ideas for InkedBook, I didn’t come up with multiple options for each interface. In the future, I’d like to brainstorm more ideas in a shorter amount of time. In doing so, I can have multiple options for features and weigh which ones fulfill users’ needs the most.

Thank you for reading! If you have any questions about this project, feel free to email me through bridgit@umich.com!