
Project type
Interactive Showcase
sector
Painting
Tattooing
Team
Solo
Tools
Framer
Adobe Photoshop
Time
8 Weeks
CLIENT
SEVERIN
role
Lead UX/UI Designer & Strategist
role
Lead UX/UI Designer & Strategist
Contribution
High-Impact Interactive Design
Aesthetic Harmonization (Classical vs. Edgy)
Immediate Lead Capture Optimization
Portable Information Architecture
Immediate Lead Capture Optimization
Portable Information Architecture
objective
Design and develop a bespoke, interactive digital portfolio for a tattoo artist/painter, utilizing a highly unconventional edgy-meets-classical aesthetic. Maximize tattoo convention engagement and differentiate the client by seamlessly merging both artistic disciplines into a single, high-impact user experience.
THE CHALLENGE: CONVENTION ENGAGEMENT & AESTHETIC DISSONANCE
The challenge was creating a memorable, high-impact digital presence in the visually saturated, time-constrained environment of a tattoo convention. The page needed to instantly communicate the client's unique brand—the blending of classical depth and edgy artistry—while overcoming the functional challenge of capturing qualified leads from users who are browsing quickly and often standing. Traditional website layouts were too passive for this setting.
The challenge was creating a memorable, high-impact digital presence in the visually saturated, time-constrained environment of a tattoo convention. The page needed to instantly communicate the client's unique brand—the blending of classical depth and edgy artistry—while overcoming the functional challenge of capturing qualified leads from users who are browsing quickly and often standing. Traditional website layouts were too passive for this setting.
THE STRATEGY: EDGY-CLASSICAL IMMERSION & HIGH INTERACTIVITY
I implemented a High Interactivity Strategy to force engagement. The visual language was an intentional blend of classical layout and typography (to convey quality) with edgy, full-screen imagery and motion (to stop traffic). The structure was built around rapid discovery rather than deep browsing, using highly intuitive gestures and clear visual triggers to ensure usability for quick interactions on a display screen.
I implemented a High Interactivity Strategy to force engagement. The visual language was an intentional blend of classical layout and typography (to convey quality) with edgy, full-screen imagery and motion (to stop traffic). The structure was built around rapid discovery rather than deep browsing, using highly intuitive gestures and clear visual triggers to ensure usability for quick interactions on a display screen.
THE SOLUTION: THE INTERACTIVE GALLERY & IMMEDIATE INQUIRY
I designed a Themed Interactive Gallery where the user could quickly explore the duality of the client's work. Key solution features included:
I designed a Themed Interactive Gallery where the user could quickly explore the duality of the client's work. Key solution features included:
Themed Transitions: Interactive elements (e.g., mouse-overs, quick taps) that instantly shift the aesthetic tone from classical to contemporary. Immediate Inquiry Funnel: A single, large, context-sensitive form accessible from every section, focusing on minimal data entry to facilitate quick lead capture on the spot. Portable Architecture: Optimized for reliable performance on convention hardware (tablets/monitors) with limited or unreliable internet connectivity.
Themed Transitions: Interactive elements (e.g., mouse-overs, quick taps) that instantly shift the aesthetic tone from classical to contemporary. Immediate Inquiry Funnel: A single, large, context-sensitive form accessible from every section, focusing on minimal data entry to facilitate quick lead capture on the spot. Portable Architecture: Optimized for reliable performance on convention hardware (tablets/monitors) with limited or unreliable internet connectivity.
THE IMPACT: MAXIMIZED CONVENTION ROI (METRIC BLURBS)
THE IMPACT: MAXIMIZED CONVENTION ROI (METRIC BLURBS)
Lead Capture Rate (LCR): Projected to achieve an LCR of 8–10% of booth traffic due to the ease and immediacy of the inquiry form, significantly outperforming competitor's sign-up sheets. Engagement Time: The high level of interactivity is projected to achieve an average Engagement Time per user of 1.5–2 minutes, which is critical for memorability in a convention setting. Brand Differentiation: Post-convention feedback is projected to show that 70% of captured leads specifically mentioned the unique "edgy-classical design" as the reason they engaged. Cost Efficiency: The digital portfolio entirely removes the need for high-cost, physical printed portfolios, resulting in a 100% reduction in physical printing expenses for conventions.
CLIENT
SEVERIN
sector
Painting
Tattooing
role
Lead UX/UI Designer & Strategist
Project Type
Interactive Showcase
Tools
Framer
Adobe Photoshop
Team
Solo
Time
8 Weeks
Contribution
Tools
Framer
Adobe Photoshop
Adobe Photoshop
Contribution
High-Impact Interactive Design
Aesthetic Harmonization (Classical vs. Edgy)
Immediate Lead Capture Optimization
Portable Information Architecture
CLIENT
SEVERIN
sector
Painting
Tattooing
role
Lead UX/UI Designer & Strategist
Project Type
Interactive Showcase
Tools
Framer
Adobe Photoshop
Team
Solo
Time
8 Weeks
Contribution
High-Impact Interactive Design
Aesthetic Harmonization (Classical vs. Edgy)
Immediate Lead Capture Optimization
Portable Information Architecture
SEVERIN
SEVERIN
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
▼












Real Recommendations
by real
people









Featuring
curators
from
around
the
world
▼

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

OLD IMAGERY VS CUSTOMER PREFERENCE IMAGERY

NEW SCS IMAGERY (CUSTOMER PREFERRED)
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)

WIREFRAMES

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

OLD IMAGERY VS CUSTOMER PREFERENCE IMAGERY

NEW SCS IMAGERY (CUSTOMER PREFERRED)
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)

WIREFRAMES

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

OLD IMAGERY VS CUSTOMER PREFERENCE IMAGERY

NEW SCS IMAGERY (CUSTOMER PREFERRED)
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)

WIREFRAMES

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

OLD SCS IMAGERY

NEW SCS IMAGERY
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)

WIREFRAMES

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

OLD SCS IMAGERY

NEW SCS IMAGERY
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)

WIREFRAMES

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

OLD SCS IMAGERY

NEW SCS IMAGERY
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)

WIREFRAMES

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

PRIMARY RESEARCH

AFFINITY MAP
IMMERSIVE EXPERIENCE CONCEPT

AEIOU, PERSONA & USER JOURNEY

KWLAQ

PERSONA & STORYBOARD

IDEATION

IDEATION

Caption text

PRIMARY RESEARCH

AFFINITY MAP
IMMERSIVE EXPERIENCE CONCEPT

AEIOU, PERSONA & USER JOURNEY

KWLAQ

PERSONA & STORYBOARD

IDEATION

IDEATION

Caption text

PRIMARY RESEARCH

AFFINITY MAP
IMMERSIVE EXPERIENCE CONCEPT

AEIOU, PERSONA & USER JOURNEY

KWLAQ

PERSONA & STORYBOARD

IDEATION

IDEATION

Caption text

PRIMARY RESEARCH

AFFINITY MAP

AEIOU, PERSONA & USER JOURNEY

KWLAQ

PERSONA & STORYBOARD

IDEATION

IDEATION

PRIMARY RESEARCH

AFFINITY MAP

AEIOU, PERSONA & USER JOURNEY

KWLAQ

PERSONA & STORYBOARD

IDEATION

IDEATION

PRIMARY RESEARCH

AFFINITY MAP

AEIOU, PERSONA & USER JOURNEY

KWLAQ

PERSONA & STORYBOARD

IDEATION

IDEATION

OLD BRANDING ACCESSIBILITY ISSUES

WIREFRAMES
BRANDING AFTER MY HELP REBRANDING

EXPERT COMPETITIVE REVIEW

BUYER PERSONA

LEARNER PERSONA

BUYER USER FLOW

SWOT ANALYSIS

LEARNER USER FLOW

CARD SORTING

USABILITY TESTING

COMPANIES THAT TRUST THE APP

WCAG ACCESSIBILITY ISSUES

NEW BRANIDING AFTER MY HELP

GRID SYSTEM & BREAKPOINTS

NEW BRANDING WCAG

OLD BRANDING ACCESSIBILITY ISSUES

WIREFRAMES
BRANDING AFTER MY HELP REBRANDING

EXPERT COMPETITIVE REVIEW

BUYER PERSONA

LEARNER PERSONA

BUYER USER FLOW

SWOT ANALYSIS

LEARNER USER FLOW

CARD SORTING

USABILITY TESTING

COMPANIES THAT TRUST THE APP

WCAG ACCESSIBILITY ISSUES

NEW BRANIDING AFTER MY HELP

GRID SYSTEM & BREAKPOINTS

NEW BRANDING WCAG

OLD BRANDING ACCESSIBILITY ISSUES

WIREFRAMES
BRANDING AFTER MY HELP REBRANDING

EXPERT COMPETITIVE REVIEW

BUYER PERSONA

LEARNER PERSONA

BUYER USER FLOW

SWOT ANALYSIS

LEARNER USER FLOW

CARD SORTING

USABILITY TESTING

COMPANIES THAT TRUST THE APP

WCAG ACCESSIBILITY ISSUES

NEW BRANIDING AFTER MY HELP

GRID SYSTEM & BREAKPOINTS

NEW BRANDING WCAG

OLD BRANDING ACCESSIBILITY ISSUES

WIREFRAMES
BRANDING AFTER MY HELP REBRANDING

EXPERT COMPETITIVE REVIEW

BUYER PERSONA

LEARNER PERSONA

BUYER USER FLOW

SWOT ANALYSIS

LEARNER USER FLOW

CARD SORTING

USABILITY TESTING

COMPANIES THAT TRUST THE APP

WCAG ACCESSIBILITY ISSUES

NEW BRANIDING AFTER MY HELP

GRID SYSTEM & BREAKPOINTS

NEW BRANDING WCAG

OLD BRANDING ACCESSIBILITY ISSUES

WIREFRAMES
BRANDING AFTER MY HELP REBRANDING

EXPERT COMPETITIVE REVIEW

BUYER PERSONA

LEARNER PERSONA

BUYER USER FLOW

SWOT ANALYSIS

LEARNER USER FLOW

CARD SORTING

USABILITY TESTING

COMPANIES THAT TRUST THE APP

WCAG ACCESSIBILITY ISSUES

NEW BRANIDING AFTER MY HELP

GRID SYSTEM & BREAKPOINTS

NEW BRANDING WCAG

OLD BRANDING ACCESSIBILITY ISSUES

WIREFRAMES
BRANDING AFTER MY HELP REBRANDING

EXPERT COMPETITIVE REVIEW

BUYER PERSONA

LEARNER PERSONA

BUYER USER FLOW

SWOT ANALYSIS

LEARNER USER FLOW

CARD SORTING

USABILITY TESTING

COMPANIES THAT TRUST THE APP

WCAG ACCESSIBILITY ISSUES

NEW BRANIDING AFTER MY HELP

GRID SYSTEM & BREAKPOINTS

NEW BRANDING WCAG
THE SOLUTION: THE INTERACTIVE GALLERY & IMMEDIATE INQUIRY
I designed a Themed Interactive Gallery where the user could quickly explore the duality of the client's work. Key solution features included:
THE SOLUTION: THE INTERACTIVE GALLERY & IMMEDIATE INQUIRY
Themed Transitions: Interactive elements (e.g., mouse-overs, quick taps) that instantly shift the aesthetic tone from classical to contemporary. Immediate Inquiry Funnel: A single, large, context-sensitive form accessible from every section, focusing on minimal data entry to facilitate quick lead capture on the spot. Portable Architecture: Optimized for reliable performance on convention hardware (tablets/monitors) with limited or unreliable internet connectivity.
THE IMPACT: MAXIMIZED CONVENTION ROI (METRIC BLURBS)
THE SOLUTION: THE INTERACTIVE GALLERY & IMMEDIATE INQUIRY
Lead Capture Rate (LCR): Projected to achieve an LCR of 8–10% of booth traffic due to the ease and immediacy of the inquiry form, significantly outperforming competitor's sign-up sheets. Engagement Time: The high level of interactivity is projected to achieve an average Engagement Time per user of 1.5–2 minutes, which is critical for memorability in a convention setting. Brand Differentiation: Post-convention feedback is projected to show that 70% of captured leads specifically mentioned the unique "edgy-classical design" as the reason they engaged. Cost Efficiency: The digital portfolio entirely removes the need for high-cost, physical printed portfolios, resulting in a 100% reduction in physical printing expenses for conventions.

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

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

AR ZONE USER TESTING

AR ZONE USER TESTING

AR ZONE TESTING

WIZARD OF OZ (USER TESTING)

T-STONE DEVICE

T-STONE DEVICE PARTS

AR ZONE USER TESTING

AR ZONE USER TESTING

AR ZONE TESTING

WIZARD OF OZ (USER TESTING)

T-STONE DEVICE

T-STONE DEVICE PARTS

AR ZONE USER TESTING

AR ZONE USER TESTING

AR ZONE TESTING

WIZARD OF OZ (USER TESTING)

T-STONE DEVICE

T-STONE DEVICE PARTS

T-STONE DEVICE

T-STONE DEVICE PARTS
GRYROSCOPIC EFFECT SPINNER

AR ZONE USER TESTING

AR ZONE USER TESTING

AR ZONE TESTING

WIZARD OF OZ (USER TESTING)

T-STONE DEVICE

T-STONE DEVICE PARTS
GRYROSCOPIC EFFECT SPINNER

AR ZONE USER TESTING

AR ZONE USER TESTING

AR ZONE TESTING

WIZARD OF OZ (USER TESTING)

T-STONE DEVICE

T-STONE DEVICE PARTS
GRYROSCOPIC EFFECT SPINNER

AR ZONE USER TESTING

AR ZONE USER TESTING

AR ZONE TESTING

WIZARD OF OZ (USER TESTING)








THE CHALLENGE: CONVENTION ENGAGEMENT & AESTHETIC DISSONANCE
The challenge was creating a memorable, high-impact digital presence in the visually saturated, time-constrained environment of a tattoo convention. The page needed to instantly communicate the client's unique brand—the blending of classical depth and edgy artistry—while overcoming the functional challenge of capturing qualified leads from users who are browsing quickly and often standing. Traditional website layouts were too passive for this setting.
My process
THE STRATEGY: EDGY-CLASSICAL IMMERSION & HIGH INTERACTIVITY
I implemented a High Interactivity Strategy to force engagement. The visual language was an intentional blend of classical layout and typography (to convey quality) with edgy, full-screen imagery and motion (to stop traffic). The structure was built around rapid discovery rather than deep browsing, using highly intuitive gestures and clear visual triggers to ensure usability for quick interactions on a display screen.
CLIENT
SEVERIN
Contribution
Aesthetic Harmonization (Classical vs. Edgy)
Immediate Lead Capture Optimization
Portable Information Architecture
High-Impact Interactive Design
objective
Design and develop a bespoke, interactive digital portfolio for a tattoo artist/painter, utilizing a highly unconventional edgy-meets-classical aesthetic. Maximize tattoo convention engagement and differentiate the client by seamlessly merging both artistic disciplines into a single, high-impact user experience.
role
Lead UX/UI Designer & Strategist
CLIENT
SEVERIN
Contribution
Aesthetic Harmonization (Classical vs. Edgy)
Immediate Lead Capture Optimization
Portable Information Architecture
High-Impact Interactive Design
objective
Design and develop a bespoke, interactive digital portfolio for a tattoo artist/painter, utilizing a highly unconventional edgy-meets-classical aesthetic. Maximize tattoo convention engagement and differentiate the client by seamlessly merging both artistic disciplines into a single, high-impact user experience.
role
Lead UX/UI Designer & Strategist

RESEARCH METHODS

USER TESTING

INSIGHTS

ROUND 2: USER TESTING

USABILITY TESTING

RESEARCH METHODS

USER TESTING

INSIGHTS

ROUND 2: USER TESTING

USABILITY TESTING

RESEARCH METHODS

USER TESTING

INSIGHTS

ROUND 2: USER TESTING

USABILITY TESTING

PRIMARY RESEARCH

AFFINITY MAP
IMMERSIVE EXPERIENCE CONCEPT

PROCESSING PRIMARY RESEARCH

TARGET GROUP

PAIN POINTS

KWLAQ

PERSONA & STORYBOARD

IDEATION

IDEATION

IMMERSIVE EXPERIENCE

PRIMARY RESEARCH

AFFINITY MAP
IMMERSIVE EXPERIENCE CONCEPT

PROCESSING PRIMARY RESEARCH

TARGET GROUP

PAIN POINTS

KWLAQ

PERSONA & STORYBOARD

IDEATION

IDEATION

IMMERSIVE EXPERIENCE

PRIMARY RESEARCH

AFFINITY MAP
IMMERSIVE EXPERIENCE CONCEPT

PROCESSING PRIMARY RESEARCH

TARGET GROUP

PAIN POINTS

KWLAQ

PERSONA & STORYBOARD

IDEATION

IDEATION

IMMERSIVE EXPERIENCE

PRIMARY RESEARCH

AFFINITY MAP

AEIOU, PERSONA & USER JOURNEY

KWLAQ

PERSONA & STORYBOARD

IDEATION

IDEATION

PRIMARY RESEARCH

AFFINITY MAP

AEIOU, PERSONA & USER JOURNEY

KWLAQ

PERSONA & STORYBOARD

IDEATION

IDEATION

PRIMARY RESEARCH

AFFINITY MAP

AEIOU, PERSONA & USER JOURNEY

KWLAQ

PERSONA & STORYBOARD

IDEATION

IDEATION

PRIMARY RESEARCH

AFFINITY MAP

AEIOU, PERSONA & USER JOURNEY

KWLAQ

PERSONA & STORYBOARD

IDEATION

IDEATION

PRIMARY RESEARCH

AFFINITY MAP

AEIOU, PERSONA & USER JOURNEY

KWLAQ

PERSONA & STORYBOARD

IDEATION

IDEATION

PRIMARY RESEARCH

AFFINITY MAP

AEIOU, PERSONA & USER JOURNEY

KWLAQ

PERSONA & STORYBOARD

IDEATION

IDEATION

PRIMARY RESEARCH

AFFINITY MAP

AEIOU, PERSONA & USER JOURNEY

KWLAQ

PERSONA & STORYBOARD

IDEATION

IDEATION

PRIMARY RESEARCH

AFFINITY MAP

AEIOU, PERSONA & USER JOURNEY

KWLAQ

PERSONA & STORYBOARD

IDEATION

IDEATION

PRIMARY RESEARCH

AFFINITY MAP

AEIOU, PERSONA & USER JOURNEY

KWLAQ

PERSONA & STORYBOARD

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 IMAGERY VS CUSTOMER PREFERENCE IMAGERY
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)

WIREFRAMES

REOCURRING THEMES

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

OLD IMAGERY VS CUSTOMER PREFERENCE IMAGERY
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)

WIREFRAMES

REOCURRING THEMES

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

OLD IMAGERY VS CUSTOMER PREFERENCE IMAGERY
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)

WIREFRAMES

REOCURRING THEMES

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

PRIMARY RESEARCH ROUND 2

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

INSIGHTS

RESEARCH METHODS

ROUND 2: USER TESTING

PRIMARY RESEARCH

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

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

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

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

OLD IMAGERY VS CUSTOMER PREFERENCE IMAGERY
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)

WIREFRAMES

REOCURRING THEMES

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

OLD IMAGERY VS CUSTOMER PREFERENCE IMAGERY
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)

WIREFRAMES

REOCURRING THEMES

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS

OLD IMAGERY VS CUSTOMER PREFERENCE IMAGERY
SCS BEFORE OUR HELP (PRICE-DRIVEN)
SCS AFTER OUR HELP (EMOTIONAL)

WIREFRAMES

REOCURRING THEMES

INSIGHTS

USABIILITY TESTING

RESEARCH METHODS
TOP CHALLENGES
THE SOLUTION: THE INTERACTIVE GALLERY & IMMEDIATE INQUIRY
THE SOLUTION: THE INTERACTIVE GALLERY & IMMEDIATE INQUIRY
THE SOLUTION: THE INTERACTIVE GALLERY & IMMEDIATE INQUIRY
THE SOLUTION: THE INTERACTIVE GALLERY & IMMEDIATE INQUIRY
I designed a Themed Interactive Gallery where the user could quickly explore the duality of the client's work. Key solution features included:
I designed a Themed Interactive Gallery where the user could quickly explore the duality of the client's work. Key solution features included:
I designed a Themed Interactive Gallery where the user could quickly explore the duality of the client's work. Key solution features included:
Themed Transitions: Interactive elements (e.g., mouse-overs, quick taps) that instantly shift the aesthetic tone from classical to contemporary. Immediate Inquiry Funnel: A single, large, context-sensitive form accessible from every section, focusing on minimal data entry to facilitate quick lead capture on the spot. Portable Architecture: Optimized for reliable performance on convention hardware (tablets/monitors) with limited or unreliable internet connectivity.
SOLUTIONS
THE IMPACT: MAXIMIZED CONVENTION ROI (METRIC BLURBS)
THE IMPACT: MAXIMIZED CONVENTION ROI (METRIC BLURBS)
THE IMPACT: MAXIMIZED CONVENTION ROI (METRIC BLURBS)
Lead Capture Rate (LCR): Projected to achieve an LCR of 8–10% of booth traffic due to the ease and immediacy of the inquiry form, significantly outperforming competitor's sign-up sheets. Engagement Time: The high level of interactivity is projected to achieve an average Engagement Time per user of 1.5–2 minutes, which is critical for memorability in a convention setting. Brand Differentiation: Post-convention feedback is projected to show that 70% of captured leads specifically mentioned the unique "edgy-classical design" as the reason they engaged. Cost Efficiency: The digital portfolio entirely removes the need for high-cost, physical printed portfolios, resulting in a 100% reduction in physical printing expenses for conventions.

















AR ZONE USER TESTING

AR ZONE USER TESTING

AR ZONE TESTING

WIZARD OF OZ (USER TESTING)

T-STONE DEVICE

T-STONE DEVICE PARTS

T-STONES

AR ZONE USER TESTING

AR ZONE USER TESTING

AR ZONE TESTING

WIZARD OF OZ (USER TESTING)

T-STONE DEVICE

T-STONE DEVICE PARTS

T-STONES

AR ZONE USER TESTING

AR ZONE USER TESTING

AR ZONE TESTING

WIZARD OF OZ (USER TESTING)

T-STONE DEVICE

T-STONE DEVICE PARTS

T-STONES

T-STONE DEVICE

T-STONE DEVICE PARTS
GYROSCOPIC EFFECT SPINNER

AR ZONE USER TESTING

AR ZONE USER TESTING

AR ZONE TESTING

WIZARD OF OZ (USER TESTING)

T-STONE DEVICE

T-STONE DEVICE PARTS
GYROSCOPIC EFFECT SPINNER

AR ZONE USER TESTING

AR ZONE USER TESTING

AR ZONE TESTING

WIZARD OF OZ (USER TESTING)

T-STONE DEVICE

T-STONE DEVICE PARTS
GYROSCOPIC EFFECT SPINNER

AR ZONE USER TESTING

AR ZONE USER TESTING

AR ZONE TESTING

WIZARD OF OZ (USER TESTING)

T-STONE DEVICE

T-STONE DEVICE PARTS
GYROSCOPIC EFFECT SPINNER

AR ZONE USER TESTING

AR ZONE USER TESTING

AR ZONE TESTING

WIZARD OF OZ (USER TESTING)

T-STONE DEVICE

T-STONE DEVICE PARTS
GYROSCOPIC EFFECT SPINNER

AR ZONE USER TESTING

AR ZONE USER TESTING

AR ZONE TESTING

WIZARD OF OZ (USER TESTING)

T-STONE DEVICE

T-STONE DEVICE PARTS
GYROSCOPIC EFFECT SPINNER

AR ZONE USER TESTING

AR ZONE USER TESTING

AR ZONE TESTING

WIZARD OF OZ (USER TESTING)

T-STONE DEVICE

T-STONE DEVICE PARTS
GYROSCOPIC EFFECT SPINNER

AR ZONE USER TESTING

AR ZONE USER TESTING

AR ZONE TESTING

WIZARD OF OZ (USER TESTING)

T-STONE DEVICE

T-STONE DEVICE PARTS
GYROSCOPIC EFFECT SPINNER

AR ZONE USER TESTING

AR ZONE USER TESTING

AR ZONE TESTING

WIZARD OF OZ (USER TESTING)

T-STONE DEVICE

T-STONE DEVICE PARTS
GYROSCOPIC EFFECT SPINNER

AR ZONE USER TESTING

AR ZONE USER TESTING

AR ZONE TESTING

WIZARD OF OZ (USER TESTING)
tHE bRIEF
Objective
Objective
Objective
Design and develop a bespoke, interactive digital portfolio for a tattoo artist/painter, utilizing a highly unconventional edgy-meets-classical aesthetic. Maximize tattoo convention engagement and differentiate the client by seamlessly merging both artistic disciplines into a single, high-impact user experience.
My process
My process
My process
My process
top pain points
THE CHALLENGE: CONVENTION ENGAGEMENT & AESTHETIC DISSONANCE
THE CHALLENGE: CONVENTION ENGAGEMENT & AESTHETIC DISSONANCE
THE CHALLENGE: CONVENTION ENGAGEMENT & AESTHETIC DISSONANCE
THE CHALLENGE: CONVENTION ENGAGEMENT & AESTHETIC DISSONANCE
The challenge was creating a memorable, high-impact digital presence in the visually saturated, time-constrained environment of a tattoo convention. The page needed to instantly communicate the client's unique brand—the blending of classical depth and edgy artistry—while overcoming the functional challenge of capturing qualified leads from users who are browsing quickly and often standing. Traditional website layouts were too passive for this setting.
The challenge was creating a memorable, high-impact digital presence in the visually saturated, time-constrained environment of a tattoo convention. The page needed to instantly communicate the client's unique brand—the blending of classical depth and edgy artistry—while overcoming the functional challenge of capturing qualified leads from users who are browsing quickly and often standing. Traditional website layouts were too passive for this setting.
The challenge was creating a memorable, high-impact digital presence in the visually saturated, time-constrained environment of a tattoo convention. The page needed to instantly communicate the client's unique brand—the blending of classical depth and edgy artistry—while overcoming the functional challenge of capturing qualified leads from users who are browsing quickly and often standing. Traditional website layouts were too passive for this setting.









