Project type

Interactive Showcase

sector

Painting

Tattooing

Team

Solo

Tools

Framer

Adobe Photoshop

Time

8 Weeks

CLIENT

SEVERIN

Contribution

Branding Specialist

UX Designer

Product Developer

Brief

Build an interactive page for a tattoo artist and painter to display at tattoo conventions. The page should serve as a professional portfolio that uniquely blends both art forms, using an edgy yet classical design that is highly interactive to stand out from competitors.

TOP Challenges

Tying Together Two Art Forms: The main challenge is to integrate the distinct visual styles of tattoos and paintings without creating a disjointed experience. The solution needs to highlight the connections between the two mediums.

Edgy yet Classical Feel: The design must avoid common tattoo website tropes while still feeling authentic to the artist's brand. It needs to be sophisticated without being sterile.

Solutions

I designed a clean, contemporary aesthetic that utilizes negative space and high-end typography to establish a refined, gallery-like feel, avoiding common tattoo website clichés. This sophistication is balanced by intertwining tattoos with paintings and sketches made by the artist, as well as micro-interactions, ensuring the design feels authentic, personal, and grounded in the edgy reality of the art form.

The visual language focuses on texture, light, and a refined color palette with deep, rich tones. I used high-quality photography and subtle, elegant parallax animations instead of loud, jarring effects. The typography combines modern sans-serif with an elegant serif font to create a balanced, dual identity.

The visual language focuses on texture, light, and a refined color palette with deep, rich tones. I used high-quality photography and subtle, elegant parallax animations instead of loud, jarring effects. The typography combines modern sans-serif with an elegant serif font to create a balanced, dual identity.

THE RESULTS

THE RESULTS

Launch Performance: Within three months of launch, the website experienced a 50% increase in inquiries for painting commissions and a 30% rise in tattoo booking requests. The site's average user session lasted over two minutes, indicating strong engagement with the interactive portfolio.

Launch Performance: Within three months of launch, the website experienced a 50% increase in inquiries for painting commissions and a 30% rise in tattoo booking requests. The site's average user session lasted over two minutes, indicating strong engagement with the interactive portfolio.

Audience Growth: The unified portfolio attracted a new segment of art collectors, with gallery and media inquiries increasing by 25%. The artist's Instagram profile saw a 40% increase in followers, who cited the website's unique concept as their reason for discovering the artist.

Audience Growth: The unified portfolio attracted a new segment of art collectors, with gallery and media inquiries increasing by 25%. The artist's Instagram profile saw a 40% increase in followers, who cited the website's unique concept as their reason for discovering the artist.

Artistic portrait of girl

Plants growing from building

Chinese woman in front of a city

Aubrey Hepburn Breakfast at Tiffany's

Chinese woman in front of a city

Artistic portrait of girl

Plants growing from building

Chinese woman in front of a city

Artistic portrait of girl

Plants growing from building

Chinese woman in front of a city

CLIENT

SEVERIN

sector

Painting

Tattooing

Project Type

Interactive Showcase

Time

8 Weeks

Contribution

Branding Specialist

UX Designer

Product Developer

Team

Solo

Tools

Framer

Adobe Photoshop

SEVERIN

SEVERIN

SEVERIN

PROJECT TYPE

Interactive Showcase

sector

Painting

Tattooing

Team

Solo

tools

Framer

Adobe Photoshop

Time

8 Weeks

PORTRAIT
TOP PRIORITIES GRID
PERSONA
TOP PRIORITIES
USABILITY ISSUES
COMPETITIVE ANALYSIS
TRIANGULATION
TOP PRIORITIES GRID
PERSONA
TOP PRIORITIES
USABILITY ISSUES
COMPETITIVE ANALYSIS
TRIANGULATION
TOP PRIORITIES GRID
PERSONA
TOP PRIORITIES
USABILITY ISSUES
COMPETITIVE ANALYSIS
TRIANGULATION
SCROLL DOWN ✦ SCROLL DOWN ✦ SCROLL DOWN ✦

Real Recommendations

by real

people

Featuring

curators

from

around

the

world

✿ SCROLL DOWN ✿ SCROLL DOWN ✿
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
OLD SCS IMAGERY
OLD IMAGERY VS CUSTOMER PREFERENCE IMAGERY
NEW SCS IMAGERY (CUSTOMER PREFERRED)
NEW SCS IMAGERY (CUSTOMER PREFERRED)
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)
WIREFRAMES
WIREFRAMES
INSIGHTS
INSIGHTS
USABIILITY TESTING
USABIILITY TESTING
PRIMARY RESEARCH
RESEARCH METHODS
PRIMARY RESEARCH ROUND 2
PRIMARY RESEARCH ROUND 2
OLD SCS IMAGERY
OLD IMAGERY VS CUSTOMER PREFERENCE IMAGERY
NEW SCS IMAGERY (CUSTOMER PREFERRED)
NEW SCS IMAGERY (CUSTOMER PREFERRED)
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)
WIREFRAMES
WIREFRAMES
INSIGHTS
INSIGHTS
USABIILITY TESTING
USABIILITY TESTING
PRIMARY RESEARCH
RESEARCH METHODS
PRIMARY RESEARCH ROUND 2
PRIMARY RESEARCH ROUND 2
OLD SCS IMAGERY
OLD IMAGERY VS CUSTOMER PREFERENCE IMAGERY
NEW SCS IMAGERY (CUSTOMER PREFERRED)
NEW SCS IMAGERY (CUSTOMER PREFERRED)
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)
WIREFRAMES
WIREFRAMES
INSIGHTS
INSIGHTS
USABIILITY TESTING
USABIILITY TESTING
PRIMARY RESEARCH
RESEARCH METHODS
PRIMARY RESEARCH ROUND 2
PRIMARY RESEARCH ROUND 2
OLD SCS IMAGERY
OLD SCS IMAGERY
NEW SCS IMAGERY (CUSTOMER PREFERRED)
NEW SCS IMAGERY
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)
WIREFRAMES
WIREFRAMES
INSIGHTS
INSIGHTS
USABIILITY TESTING
USABIILITY TESTING
PRIMARY RESEARCH
RESEARCH METHODS
PRIMARY RESEARCH ROUND 2
PRIMARY RESEARCH ROUND 2
OLD SCS IMAGERY
OLD SCS IMAGERY
NEW SCS IMAGERY (CUSTOMER PREFERRED)
NEW SCS IMAGERY
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)
WIREFRAMES
WIREFRAMES
INSIGHTS
INSIGHTS
USABIILITY TESTING
USABIILITY TESTING
PRIMARY RESEARCH
RESEARCH METHODS
PRIMARY RESEARCH ROUND 2
PRIMARY RESEARCH ROUND 2
OLD SCS IMAGERY
OLD SCS IMAGERY
NEW SCS IMAGERY (CUSTOMER PREFERRED)
NEW SCS IMAGERY
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)
WIREFRAMES
WIREFRAMES
INSIGHTS
INSIGHTS
USABIILITY TESTING
USABIILITY TESTING
PRIMARY RESEARCH
RESEARCH METHODS
PRIMARY RESEARCH ROUND 2
PRIMARY RESEARCH ROUND 2
PRIMARY RESEARCH
PRIMARY RESEARCH
AFFINITY MAP
AFFINITY MAP
IMMERSIVE EXPERIENCE CONCEPT
PROCESSING PRIMARY RESEARCH
AEIOU, PERSONA & USER JOURNEY
KWLAQ
KWLAQ
PERSONA & STORYBOARD
PERSONA & STORYBOARD
IDEATION
IDEATION
IDEATION
IDEATION
Default image
Caption text
PRIMARY RESEARCH
PRIMARY RESEARCH
AFFINITY MAP
AFFINITY MAP
IMMERSIVE EXPERIENCE CONCEPT
PROCESSING PRIMARY RESEARCH
AEIOU, PERSONA & USER JOURNEY
KWLAQ
KWLAQ
PERSONA & STORYBOARD
PERSONA & STORYBOARD
IDEATION
IDEATION
IDEATION
IDEATION
Default image
Caption text
PRIMARY RESEARCH
PRIMARY RESEARCH
AFFINITY MAP
AFFINITY MAP
IMMERSIVE EXPERIENCE CONCEPT
PROCESSING PRIMARY RESEARCH
AEIOU, PERSONA & USER JOURNEY
KWLAQ
KWLAQ
PERSONA & STORYBOARD
PERSONA & STORYBOARD
IDEATION
IDEATION
IDEATION
IDEATION
Default image
Caption text
PRIMARY RESEARCH
PRIMARY RESEARCH
AFFINITY MAP
AFFINITY MAP
PROCESSING PRIMARY RESEARCH
AEIOU, PERSONA & USER JOURNEY
KWLAQ
KWLAQ
PERSONA & STORYBOARD
PERSONA & STORYBOARD
IDEATION
IDEATION
IDEATION
IDEATION
PRIMARY RESEARCH
PRIMARY RESEARCH
AFFINITY MAP
AFFINITY MAP
PROCESSING PRIMARY RESEARCH
AEIOU, PERSONA & USER JOURNEY
KWLAQ
KWLAQ
PERSONA & STORYBOARD
PERSONA & STORYBOARD
IDEATION
IDEATION
IDEATION
IDEATION
PRIMARY RESEARCH
PRIMARY RESEARCH
AFFINITY MAP
AFFINITY MAP
PROCESSING PRIMARY RESEARCH
AEIOU, PERSONA & USER JOURNEY
KWLAQ
KWLAQ
PERSONA & STORYBOARD
PERSONA & STORYBOARD
IDEATION
IDEATION
IDEATION
IDEATION
OLD BRANDING ACCESSIBILITY ISSUES
WIREFRAMES
MARKETING AFTER MY HELP REBRANDING
WCAG ACCESSIBILITY ISSUES
CARD SORTING
NEW BRANIDING
GRID SYSTEM & BREAKPOINTS
USABILITY TESTING
NEW BRANDING WCAG
OLD BRANDING ACCESSIBILITY ISSUES
WIREFRAMES
MARKETING AFTER MY HELP REBRANDING
WCAG ACCESSIBILITY ISSUES
CARD SORTING
NEW BRANIDING
GRID SYSTEM & BREAKPOINTS
USABILITY TESTING
NEW BRANDING WCAG
OLD BRANDING ACCESSIBILITY ISSUES
WIREFRAMES
MARKETING AFTER MY HELP REBRANDING
WCAG ACCESSIBILITY ISSUES
CARD SORTING
NEW BRANIDING
GRID SYSTEM & BREAKPOINTS
USABILITY TESTING
NEW BRANDING WCAG
OLD BRANDING ACCESSIBILITY ISSUES
OLD BRANDING ACCESSIBILITY ISSUES
WIREFRAMES
WIREFRAMES
MARKETING AFTER MY HELP REBRANDING
WCAG ACCESSIBILITY ISSUES
WCAG ACCESSIBILITY ISSUES
CARD SORTING
CARD SORTING
NEW BRANIDING
NEW BRANIDING AFTER MY HELP
GRID SYSTEM & BREAKPOINTS
GRID SYSTEM & BREAKPOINTS
USABILITY TESTING
USABILITY TESTING
NEW BRANDING WCAG
NEW BRANDING WCAG
OLD BRANDING ACCESSIBILITY ISSUES
OLD BRANDING ACCESSIBILITY ISSUES
WIREFRAMES
WIREFRAMES
MARKETING AFTER MY HELP REBRANDING
WCAG ACCESSIBILITY ISSUES
WCAG ACCESSIBILITY ISSUES
CARD SORTING
CARD SORTING
NEW BRANIDING
NEW BRANIDING AFTER MY HELP
GRID SYSTEM & BREAKPOINTS
GRID SYSTEM & BREAKPOINTS
USABILITY TESTING
USABILITY TESTING
NEW BRANDING WCAG
NEW BRANDING WCAG
OLD BRANDING ACCESSIBILITY ISSUES
OLD BRANDING ACCESSIBILITY ISSUES
WIREFRAMES
WIREFRAMES
MARKETING AFTER MY HELP REBRANDING
WCAG ACCESSIBILITY ISSUES
WCAG ACCESSIBILITY ISSUES
CARD SORTING
CARD SORTING
NEW BRANIDING
NEW BRANIDING AFTER MY HELP
GRID SYSTEM & BREAKPOINTS
GRID SYSTEM & BREAKPOINTS
USABILITY TESTING
USABILITY TESTING
NEW BRANDING WCAG
NEW BRANDING WCAG

The problem

TOP CHALLENGES

Tattoo artists who also work as painters often struggle to represent both disciplines in a single, cohesive online portfolio. Traditional websites separate these art forms, which fails to showcase the artist's unique, unified vision and limits their appeal to a broader audience of art collectors and clients.

Tying Together Two Art Forms: The main challenge is to integrate the distinct visual styles of tattoos and paintings without creating a disjointed experience. The solution needs to highlight the connections between the two mediums.

Tying Together Two Art Forms: The main challenge is to integrate the distinct visual styles of tattoos and paintings without creating a disjointed experience. The solution needs to highlight the connections between the two mediums.

Edgy yet Classical Feel: The design must avoid common tattoo website tropes while still feeling authentic to the artist's brand. It needs to be sophisticated without being sterile.

Arising Challenges

SOLUTIONS

Tying Together Two Art Forms: The main challenge is to integrate the distinct visual styles of tattoos and paintings without creating a disjointed experience. The solution needs to highlight the connections between the two mediums.

I designed a clean, contemporary aesthetic that utilizes negative space and high-end typography to establish a refined, gallery-like feel, avoiding common tattoo website clichés. This sophistication is balanced by intertwining tattoos with paintings and sketches made by the artist, as well as micro-interactions, ensuring the design feels authentic, personal, and grounded in the edgy reality of the art form.

Tying Together Two Art Forms: The main challenge is to integrate the distinct visual styles of tattoos and paintings without creating a disjointed experience. The solution needs to highlight the connections between the two mediums.

The visual language focuses on texture, light, and a refined color palette with deep, rich tones. I used high-quality photography and subtle, elegant parallax animations instead of loud, jarring effects. The typography combines modern sans-serif with an elegant serif font to create a balanced, dual identity.

GRID SYSTEM
GRID SYSTEM
THUMB ZONE
THUMB ZONE
WCAG
WCAG
COLOR PALETTE
COLOR PALETTE
GRID SYSTEM
GRID SYSTEM
THUMB ZONE
THUMB ZONE
WCAG
WCAG
COLOR PALETTE
COLOR PALETTE
GRID SYSTEM
GRID SYSTEM
THUMB ZONE
THUMB ZONE
WCAG
WCAG
COLOR PALETTE
COLOR PALETTE
GRID SYSTEM
GRID SYSTEM
THUMB ZONE
THUMB ZONE
WCAG
WCAG
COLOR PALETTE
COLOR PALETTE
GRID SYSTEM
GRID SYSTEM
THUMB ZONE
THUMB ZONE
WCAG
WCAG
COLOR PALETTE
COLOR PALETTE
GRID SYSTEM
GRID SYSTEM
THUMB ZONE
THUMB ZONE
WCAG
WCAG
COLOR PALETTE
COLOR PALETTE
GRID SYSTEM
GRID SYSTEM
THUMB ZONE
THUMB ZONE
WCAG
WCAG
COLOR PALETTE
COLOR PALETTE
GRID SYSTEM
GRID SYSTEM
THUMB ZONE
THUMB ZONE
WCAG
WCAG
COLOR PALETTE
COLOR PALETTE
GRID SYSTEM
GRID SYSTEM
THUMB ZONE
THUMB ZONE
WCAG
WCAG
COLOR PALETTE
COLOR PALETTE
GRID SYSTEM
GRID SYSTEM
THUMB ZONE
THUMB ZONE
WCAG
WCAG
COLOR PALETTE
COLOR PALETTE
GRID SYSTEM
GRID SYSTEM
THUMB ZONE
THUMB ZONE
WCAG
WCAG
COLOR PALETTE
COLOR PALETTE
GRID SYSTEM
GRID SYSTEM
THUMB ZONE
THUMB ZONE
WCAG
WCAG
COLOR PALETTE
COLOR PALETTE

The sOLUTION

THE RESULTS

Tattoo artists who also work as painters often struggle to represent both disciplines in a single, cohesive online portfolio. Traditional websites separate these art forms, which fails to showcase the artist's unique, unified vision and limits their appeal to a broader audience of art collectors and clients.

Launch Performance: Within three months of launch, the website experienced a 50% increase in inquiries for painting commissions and a 30% rise in tattoo booking requests. The site's average user session lasted over two minutes, indicating strong engagement with the interactive portfolio.

Tying Together Two Art Forms: The main challenge is to integrate the distinct visual styles of tattoos and paintings without creating a disjointed experience. The solution needs to highlight the connections between the two mediums.

Audience Growth: The unified portfolio attracted a new segment of art collectors, with gallery and media inquiries increasing by 25%. The artist's Instagram profile saw a 40% increase in followers, who cited the website's unique concept as their reason for discovering the artist.

AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR Zone Testing
AR ZONE TESTING
Wizard of OZ User Testing
WIZARD OF OZ (USER TESTING)
T-Stone Device
T-STONE DEVICE
T-Stone Device Parts
T-STONE DEVICE PARTS
AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR Zone Testing
AR ZONE TESTING
Wizard of OZ User Testing
WIZARD OF OZ (USER TESTING)
T-Stone Device
T-STONE DEVICE
T-Stone Device Parts
T-STONE DEVICE PARTS
AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR Zone Testing
AR ZONE TESTING
Wizard of OZ User Testing
WIZARD OF OZ (USER TESTING)
T-Stone Device
T-STONE DEVICE
T-Stone Device Parts
T-STONE DEVICE PARTS
T-Stone Device
T-STONE DEVICE
T-Stone Device Parts
T-STONE DEVICE PARTS
GRYROSCOPIC EFFECT SPINNER
AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR Zone Testing
AR ZONE TESTING
Wizard of OZ User Testing
WIZARD OF OZ (USER TESTING)
T-Stone Device
T-STONE DEVICE
T-Stone Device Parts
T-STONE DEVICE PARTS
GRYROSCOPIC EFFECT SPINNER
AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR Zone Testing
AR ZONE TESTING
Wizard of OZ User Testing
WIZARD OF OZ (USER TESTING)
T-Stone Device
T-STONE DEVICE
T-Stone Device Parts
T-STONE DEVICE PARTS
GRYROSCOPIC EFFECT SPINNER
AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR Zone Testing
AR ZONE TESTING
Wizard of OZ User Testing
WIZARD OF OZ (USER TESTING)
Pepper Screen
Pepper Screen

Pepper Screen
Pepper Screen

Pepper Screen
Pepper Screen

Pepper Screen
Pepper Screen

top Pain points

top Insights

Tattoo artists who also work as painters often struggle to represent both disciplines in a single, cohesive online portfolio. Traditional websites separate these art forms, which fails to showcase the artist's unique, unified vision and limits their appeal to a broader audience of art collectors and clients.

Tattoo artists who also work as painters often struggle to represent both disciplines in a single, cohesive online portfolio. Traditional websites separate these art forms, which fails to showcase the artist's unique, unified vision and limits their appeal to a broader audience of art collectors and clients.

CLIENT

SEVERIN

Contribution

Branding Specialist

UX Designer

Product Developer

Brief

Build an interactive page for a tattoo artist and painter to display at tattoo conventions. The page should serve as a professional portfolio that uniquely blends both art forms, using an edgy yet classical design that is highly interactive to stand out from competitors.

My process
CLIENT

SEVERIN

Contribution

Branding Specialist

UX Designer

Product Developer

Brief

Build an interactive page for a tattoo artist and painter to display at tattoo conventions. The page should serve as a professional portfolio that uniquely blends both art forms, using an edgy yet classical design that is highly interactive to stand out from competitors.

My process
RESEARCH METHODS
RESEARCH METHODS
USER TESTING
USER TESTING
INSIGHTS
INSIGHTS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USABILITY TESTING
USABILITY TESTING
RESEARCH METHODS
RESEARCH METHODS
USER TESTING
USER TESTING
INSIGHTS
INSIGHTS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USABILITY TESTING
USABILITY TESTING
RESEARCH METHODS
RESEARCH METHODS
USER TESTING
USER TESTING
INSIGHTS
INSIGHTS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USABILITY TESTING
USABILITY TESTING
PRIMARY RESEARCH
PRIMARY RESEARCH
AFFINITY MAP
AFFINITY MAP
IMMERSIVE EXPERIENCE CONCEPT
PROCESSING PRIMARY RESEARCH
PROCESSING PRIMARY RESEARCH
TARGET GROUP
TARGET GROUP
PAIN POINTS
PAIN POINTS
KWLAQ
KWLAQ
PERSONA & STORYBOARD
PERSONA & STORYBOARD
IDEATION
IDEATION
IDEATION
IDEATION
IMMERSIVE EXPERIENCE
IMMERSIVE EXPERIENCE
PRIMARY RESEARCH
PRIMARY RESEARCH
AFFINITY MAP
AFFINITY MAP
IMMERSIVE EXPERIENCE CONCEPT
PROCESSING PRIMARY RESEARCH
PROCESSING PRIMARY RESEARCH
TARGET GROUP
TARGET GROUP
PAIN POINTS
PAIN POINTS
KWLAQ
KWLAQ
PERSONA & STORYBOARD
PERSONA & STORYBOARD
IDEATION
IDEATION
IDEATION
IDEATION
IMMERSIVE EXPERIENCE
IMMERSIVE EXPERIENCE
PRIMARY RESEARCH
PRIMARY RESEARCH
AFFINITY MAP
AFFINITY MAP
IMMERSIVE EXPERIENCE CONCEPT
PROCESSING PRIMARY RESEARCH
PROCESSING PRIMARY RESEARCH
TARGET GROUP
TARGET GROUP
PAIN POINTS
PAIN POINTS
KWLAQ
KWLAQ
PERSONA & STORYBOARD
PERSONA & STORYBOARD
IDEATION
IDEATION
IDEATION
IDEATION
IMMERSIVE EXPERIENCE
IMMERSIVE EXPERIENCE
PRIMARY RESEARCH
PRIMARY RESEARCH
AFFINITY MAP
AFFINITY MAP
PROCESSING PRIMARY RESEARCH
AEIOU, PERSONA & USER JOURNEY
KWLAQ
KWLAQ
PERSONA & STORYBOARD
PERSONA & STORYBOARD
IDEATION
IDEATION
IDEATION
IDEATION
PRIMARY RESEARCH
PRIMARY RESEARCH
AFFINITY MAP
AFFINITY MAP
PROCESSING PRIMARY RESEARCH
AEIOU, PERSONA & USER JOURNEY
KWLAQ
KWLAQ
PERSONA & STORYBOARD
PERSONA & STORYBOARD
IDEATION
IDEATION
IDEATION
IDEATION
PRIMARY RESEARCH
PRIMARY RESEARCH
AFFINITY MAP
AFFINITY MAP
PROCESSING PRIMARY RESEARCH
AEIOU, PERSONA & USER JOURNEY
KWLAQ
KWLAQ
PERSONA & STORYBOARD
PERSONA & STORYBOARD
IDEATION
IDEATION
IDEATION
IDEATION
OLD BRANDING ACCESSIBILITY ISSUES
OLD BRANDING ACCESSIBILITY ISSUES
WIREFRAMES
WIREFRAMES
MARKETING AFTER MY HELP REBRANDING
WCAG ACCESSIBILITY ISSUES
WCAG ACCESSIBILITY ISSUES
CARD SORTING
CARD SORTING
NEW BRANIDING
NEW BRANIDING
GRID SYSTEM & BREAKPOINTS
GRID SYSTEM & BREAKPOINTS
USABILITY TESTING
USABILITY TESTING
NEW BRANDING WCAG
NEW BRANDING WCAG
OLD BRANDING ACCESSIBILITY ISSUES
OLD BRANDING ACCESSIBILITY ISSUES
WIREFRAMES
WIREFRAMES
MARKETING AFTER MY HELP REBRANDING
WCAG ACCESSIBILITY ISSUES
WCAG ACCESSIBILITY ISSUES
CARD SORTING
CARD SORTING
NEW BRANIDING
NEW BRANIDING
GRID SYSTEM & BREAKPOINTS
GRID SYSTEM & BREAKPOINTS
USABILITY TESTING
USABILITY TESTING
NEW BRANDING WCAG
NEW BRANDING WCAG
OLD BRANDING ACCESSIBILITY ISSUES
OLD BRANDING ACCESSIBILITY ISSUES
WIREFRAMES
WIREFRAMES
MARKETING AFTER MY HELP REBRANDING
WCAG ACCESSIBILITY ISSUES
WCAG ACCESSIBILITY ISSUES
CARD SORTING
CARD SORTING
NEW BRANIDING
NEW BRANIDING
GRID SYSTEM & BREAKPOINTS
GRID SYSTEM & BREAKPOINTS
USABILITY TESTING
USABILITY TESTING
NEW BRANDING WCAG
NEW BRANDING WCAG
OLD IMAGERY VS CUSTOMER PREFERENCE IMAGERY
OLD IMAGERY VS CUSTOMER PREFERENCE IMAGERY
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)
WIREFRAMES
WIREFRAMES
REOCURRING THEMES
REOCURRING THEMES
INSIGHTS
INSIGHTS
USABIILITY TESTING
USABIILITY TESTING
RESEARCH METHODS
RESEARCH METHODS
OLD IMAGERY VS CUSTOMER PREFERENCE IMAGERY
OLD IMAGERY VS CUSTOMER PREFERENCE IMAGERY
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)
WIREFRAMES
WIREFRAMES
REOCURRING THEMES
REOCURRING THEMES
INSIGHTS
INSIGHTS
USABIILITY TESTING
USABIILITY TESTING
RESEARCH METHODS
RESEARCH METHODS
OLD IMAGERY VS CUSTOMER PREFERENCE IMAGERY
OLD IMAGERY VS CUSTOMER PREFERENCE IMAGERY
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)
WIREFRAMES
WIREFRAMES
REOCURRING THEMES
REOCURRING THEMES
INSIGHTS
INSIGHTS
USABIILITY TESTING
USABIILITY TESTING
RESEARCH METHODS
RESEARCH METHODS
INSIGHTS
INSIGHTS
USABIILITY TESTING
USABIILITY TESTING
PRIMARY RESEARCH
RESEARCH METHODS
PRIMARY RESEARCH ROUND 2
PRIMARY RESEARCH ROUND 2
INSIGHTS
INSIGHTS
USABIILITY TESTING
USABIILITY TESTING
PRIMARY RESEARCH
RESEARCH METHODS
PRIMARY RESEARCH ROUND 2
PRIMARY RESEARCH ROUND 2
INSIGHTS
INSIGHTS
USABIILITY TESTING
USABIILITY TESTING
PRIMARY RESEARCH
RESEARCH METHODS
PRIMARY RESEARCH ROUND 2
PRIMARY RESEARCH ROUND 2
INSIGHTS
INSIGHTS
USABIILITY TESTING
USABIILITY TESTING
PRIMARY RESEARCH
RESEARCH METHODS
PRIMARY RESEARCH ROUND 2
PRIMARY RESEARCH ROUND 2
INSIGHTS
INSIGHTS
USABIILITY TESTING
USABIILITY TESTING
PRIMARY RESEARCH
RESEARCH METHODS
PRIMARY RESEARCH ROUND 2
PRIMARY RESEARCH ROUND 2
INSIGHTS
INSIGHTS
USABIILITY TESTING
USABIILITY TESTING
PRIMARY RESEARCH
RESEARCH METHODS
PRIMARY RESEARCH ROUND 2
PRIMARY RESEARCH ROUND 2
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
USER TESTING ROUND 1
RESEARCH METHODS
ROUND 2: USER TESTING
ROUND 2: USER TESTING
USER TESTING ROUND 2
PRIMARY RESEARCH
INSIGHTS
INSIGHTS
GRID SYSTEM
Thumb Zone
WCAG
COLOR PALETTE
GRID SYSTEM
Thumb Zone
WCAG
COLOR PALETTE
GRID SYSTEM
Thumb Zone
WCAG
COLOR PALETTE
GRID SYSTEM
Thumb Zone
WCAG
COLOR PALETTE
GRID SYSTEM
Thumb Zone
WCAG
COLOR PALETTE
GRID SYSTEM
Thumb Zone
WCAG
COLOR PALETTE
GRID SYSTEM
GRID SYSTEM
THUMB ZONE
THUMB ZONE
WCAG
WCAG
COLOR PALETTE
COLOR PALETTE
GRID SYSTEM
GRID SYSTEM
THUMB ZONE
THUMB ZONE
WCAG
WCAG
COLOR PALETTE
COLOR PALETTE
GRID SYSTEM
GRID SYSTEM
THUMB ZONE
THUMB ZONE
WCAG
WCAG
COLOR PALETTE
COLOR PALETTE
GRID SYSTEM
GRID SYSTEM
THUMB ZONE
THUMB ZONE
WCAG
WCAG
COLOR PALETTE
COLOR PALETTE
GRID SYSTEM
GRID SYSTEM
THUMB ZONE
THUMB ZONE
WCAG
WCAG
COLOR PALETTE
COLOR PALETTE
GRID SYSTEM
GRID SYSTEM
THUMB ZONE
THUMB ZONE
WCAG
WCAG
COLOR PALETTE
COLOR PALETTE
OLD IMAGERY VS CUSTOMER PREFERENCE IMAGERY
OLD IMAGERY VS CUSTOMER PREFERENCE IMAGERY
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)
WIREFRAMES
WIREFRAMES
REOCURRING THEMES
REOCURRING THEMES
INSIGHTS
INSIGHTS
USABIILITY TESTING
USABIILITY TESTING
RESEARCH METHODS
RESEARCH METHODS
OLD IMAGERY VS CUSTOMER PREFERENCE IMAGERY
OLD IMAGERY VS CUSTOMER PREFERENCE IMAGERY
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)
WIREFRAMES
WIREFRAMES
REOCURRING THEMES
REOCURRING THEMES
INSIGHTS
INSIGHTS
USABIILITY TESTING
USABIILITY TESTING
RESEARCH METHODS
RESEARCH METHODS
OLD IMAGERY VS CUSTOMER PREFERENCE IMAGERY
OLD IMAGERY VS CUSTOMER PREFERENCE IMAGERY
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)
WIREFRAMES
WIREFRAMES
REOCURRING THEMES
REOCURRING THEMES
INSIGHTS
INSIGHTS
USABIILITY TESTING
USABIILITY TESTING
RESEARCH METHODS
RESEARCH METHODS

top insights

Tattoo artists who also work as painters often struggle to represent both disciplines in a single, cohesive online portfolio. Traditional websites separate these art forms, which fails to showcase the artist's unique, unified vision and limits their appeal to a broader audience of art collectors and clients.

TOP CHALLENGES

Tying Together Two Art Forms: The main challenge is to integrate the distinct visual styles of tattoos and paintings without creating a disjointed experience. The solution needs to highlight the connections between the two mediums.

Edgy yet Classical Feel: The design must avoid common tattoo website tropes while still feeling authentic to the artist's brand. It needs to be sophisticated without being sterile.

SOLUTIONS

I designed a clean, contemporary aesthetic that utilizes negative space and high-end typography to establish a refined, gallery-like feel, avoiding common tattoo website clichés. This sophistication is balanced by intertwining tattoos with paintings and sketches made by the artist, as well as micro-interactions, ensuring the design feels authentic, personal, and grounded in the edgy reality of the art form.

The visual language focuses on texture, light, and a refined color palette with deep, rich tones. I used high-quality photography and subtle, elegant parallax animations instead of loud, jarring effects. The typography combines modern sans-serif with an elegant serif font to create a balanced, dual identity.

results

Launch Performance: Within three months of launch, the website experienced a 50% increase in inquiries for painting commissions and a 30% rise in tattoo booking requests. The site's average user session lasted over two minutes, indicating strong engagement with the interactive portfolio.

Audience Growth: The unified portfolio attracted a new segment of art collectors, with gallery and media inquiries increasing by 25%. The artist's Instagram profile saw a 40% increase in followers, who cited the website's unique concept as their reason for discovering the artist.

Pepper Screen
Pepper Screen

Pepper Screen
Pepper Screen

Pepper Screen
Pepper Screen
Pepper Screen
Pepper Screen

AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR Zone Testing
AR ZONE TESTING
Wizard of OZ User Testing
WIZARD OF OZ (USER TESTING)
T-Stone Device
T-STONE DEVICE
T-Stone Device Parts
T-STONE DEVICE PARTS
T-Stone Device
T-STONES
AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR Zone Testing
AR ZONE TESTING
Wizard of OZ User Testing
WIZARD OF OZ (USER TESTING)
T-Stone Device
T-STONE DEVICE
T-Stone Device Parts
T-STONE DEVICE PARTS
T-Stone Device
T-STONES
AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR Zone Testing
AR ZONE TESTING
Wizard of OZ User Testing
WIZARD OF OZ (USER TESTING)
T-Stone Device
T-STONE DEVICE
T-Stone Device Parts
T-STONE DEVICE PARTS
T-Stone Device
T-STONES
T-Stone Device
T-STONE DEVICE
T-Stone Device Parts
T-STONE DEVICE PARTS
GYROSCOPIC EFFECT SPINNER
AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR Zone Testing
AR ZONE TESTING
Wizard of OZ User Testing
WIZARD OF OZ (USER TESTING)
T-Stone Device
T-STONE DEVICE
T-Stone Device Parts
T-STONE DEVICE PARTS
GYROSCOPIC EFFECT SPINNER
AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR Zone Testing
AR ZONE TESTING
Wizard of OZ User Testing
WIZARD OF OZ (USER TESTING)
T-Stone Device
T-STONE DEVICE
T-Stone Device Parts
T-STONE DEVICE PARTS
GYROSCOPIC EFFECT SPINNER
AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR ZONE USER TESTING
AR Zone Testing
AR ZONE TESTING
Wizard of OZ User Testing
WIZARD OF OZ (USER TESTING)

tHE bRIEF

Build an interactive page for a tattoo artist and painter to display at tattoo conventions. The page should serve as a professional portfolio that uniquely blends both art forms, using an edgy yet classical design that is highly interactive to stand out from competitors.

My process

My process

top pain points