top of page

Project Overview

The Hot Ink is a tattoo studio looking to enhance its online presence and improve user experience on its website. The goal is to create an engaging platform that showcases artists, services, and facilitates easy booking for clients.

1.  Background & Goals

Business Goals 

•   Increase bookings and inquiries.

•   Showcase artists' portfolios to attract specific client interests

•   Streamline the booking and consultation process.

•   Create a distinct brand experience that resonates with the   studio's unique style

User Goals 

•   Easily browse artist portfolios and tattoo styles.

•   Seamlessly book consultations and appointments.

•   Access important information like studio policies, location, and FAQs.

•   Get inspired and gain trust in the studio's artistic capabilities.

Image by Chang Hsien
a tattoo artist research market analysis and increasing online business for tattoo studio.jpg

2 .  Res

Market Analysis:

•   Competitive Analysis   : Research top tattoo studios with a strong online presence to understand layout, functionality, and user flows

•   Trends  : Discover trends in tattoo studio websites, such as dark-themed UI, easy scrolling galleries, and mobile-friendly booking options.

User Research:

•   Interviews   : Conducted interviews with potential clients to understand their needs and expectations.

•   Pain Points Identified   :

  • Difficulty finding specific artist portfolios.

  • Complicated booking processes.

  • Lack of transparency around pricing and availability.

earch

Young Hip Female
Tattoo Artist Portrait

3.  Personas

Persona 1:  Alexis – First-Time Tattoo Client

•   Needs   : Trustworthy artist, clear pricing, understanding of tattoo aftercare.

•   Frustrations   : Lack of clarity on booking, fear of commitment.

•   Goal   : Book consultation with an artist who can guide them

Persona 2   : Jamie – Tattoo Enthusiast

•   Needs   :   Portfolio showcasing artist's unique styles, quick booking.

•   Frustrations   :   Difficult navigation and booking process.

•   Goal   :   Quickly book sessions with artists they admire.

4.  Design Decisions

4.2    Homepage  Design

•     Hero Section    :  Background with studio photos and tagline; CTA buttons for booking and browsing artists.

•    Highlight Artists    :  Prominent section featuring top artists and their specialties.

•    Inspiration Gallery    :  Scrolling section with thumbnails linking to full portfolio galleries.

4.3    Artist Portfolios

•     Each artist has a dedicated page with  :

•    Photo Gallery   :   High-resolution images of past work.

•    Style Tags (e.g., realism, blackwork, watercolor).

•    Bio   :   Short section introducing the artist's approach and background.

•    Booking Button   : Direct link to schedule a session.

4.4      Booking Process

•    Steps: Consultation → Style selectionDate/Time → Personal Details → Confirmation.

•    Mobile Optimization: Simplified form fields and CTA buttons optimized for mobile.

•    Automated Reminders: Users can opt-in for email/SMS reminders about appointments.

4.1    Navigation  &  Information Architecture

•   Structure   :   Homepage features "Book a Consultation," "Browse Artists," and "Inspiration Gallery."

•   Navigation   :    Clear primary menu with

•   Artists   :  View portfolios by style (e.g., realism, traditional, minimalist)

•   Gallery   :   Curated tattoos to inspire ideas.

•   Book Appointment   :   Direct booking with availability.

5.  Design System

Typography

Header 1

Times New Roman

101 px

# FFA933

Line Height : 101 px

Header 2

Times New Roman

30 px

# FAFAFA 

Line Height : 30 px

Header 3

Times New Roman

10 px

# DADADA

Line Height : 10 px

Main Text

Times New Roman

14 px

# F2F0F0

Line Height : 14 px

Smoky Black

#1E1C1C

RGB - 30 28 28

Orange Pumpkin

#FFA933

RGB - 255 169 51

White Smoke

#D5D5D5

RGB - 23 23 23

Black

#0000000

RGB - 0 0 0

Color Palette

5.  Outcome

•    Increased Bookings: Simplified booking increased appointment requests by 40%.

•    Engagement: Artist portfolio views grew due to easy navigation and mobile-friendly design

•    User Satisfaction: Post-launch survey reported users found the site “easy to use” and “informative.”

6. Conclusion

•    Increased Bookings: Simplified booking increased appointment requests by 40%.

•    Engagement: Artist portfolio views grew due to easy navigation and mobile-friendly design

•    User Satisfaction: Post-launch survey reported users found the site “easy to use” and “informative.”

bottom of page