RED INK TATTOO STUDIOS APP REDESIGN

Improved new users experience with personalized onboarding

Improved new users experience with personalized onboarding

Improved new users experience with personalized onboarding

Improved new users experience with personalized onboarding

WORKFLOW

UX Audit

User Survey

User Journey

Site Map

High-Fidelity Wireframe

User Testing

Prototyping

TEAM

Jonathan Olivencia

TIMELINE

2023

1.5 weeks

PRODUCT

Red Ink Tattoo Studios App

Metrics

BUSINESS

Revenue Growth

USERS

Net Promoter Score

Session Duration

Frequency of Use

Overview

As I stepped into Red Ink Tattoo Studios for my first tattoo, little did I know that my experience would ignite a passion project.

The initial excitement of getting inked was dampened by the long queue and the cumbersome process of filling out forms through a third-party website. The post-tattoo experience, though, brought a new challenge - navigating the Red Ink mobile app.

As I stepped into Red Ink Tattoo Studios for my first tattoo, little did I know that my experience would ignite a passion project.

The initial excitement of getting inked was dampened by the long queue and the cumbersome process of filling out forms through a third-party website. The post-tattoo experience, though, brought a new challenge - navigating the Red Ink mobile app.

As I stepped into Red Ink Tattoo Studios for my first tattoo, little did I know that my experience would ignite a passion project.

The initial excitement of getting inked was dampened by the long queue and the cumbersome process of filling out forms through a third-party website. The post-tattoo experience, though, brought a new challenge - navigating the Red Ink mobile app.

As I stepped into Red Ink Tattoo Studios for my first tattoo, little did I know that my experience would ignite a passion project.

The initial excitement of getting inked was dampened by the long queue and the cumbersome process of filling out forms through a third-party website. The post-tattoo experience, though, brought a new challenge - navigating the Red Ink mobile app.

Pain Points Unveiled

After a confusing check-in for my tattoo session and resorting to Amazon for aftercare, I questioned the app's usability.

The revelation of a complicated rewards program and a clunky booking system sparked a pivotal "How might we" moment:

After a confusing check-in for my tattoo session and resorting to Amazon for aftercare, I questioned the app's usability. The revelation of a complicated rewards program and a clunky booking system sparked a pivotal "How might we" moment:

After a confusing check-in for my tattoo session and resorting to Amazon for aftercare, I questioned the app's usability. The revelation of a complicated rewards program and a clunky booking system sparked a pivotal "How might we" moment:

After a confusing check-in for my tattoo session and resorting to Amazon for aftercare, I questioned the app's usability. The revelation of a complicated rewards program and a clunky booking system sparked a pivotal "How might we" moment:

👇Below is an illustration of my customer journey 👇

👇Below is an illustration of my customer journey 👇

How might we effectively motivate Red Ink customers to adopt and consistently use the Red Ink mobile app?

Unveiling The Flaws

A meticulous UX audit revealed glaring issues: color contrast failing WCAG standards, CTAs in competition, lacking hierarchy, inconsistent spacing, and a hidden rewards page. In a user survey, 8 out of 8 participants found the app difficult to navigate.

Lacked contrast that passed WCAG standards

Inconsistent spacing within the app screens

A lack of navigation hierarchy by having no

8/8 participants found the app difficult to navigate

👇. Below are screens of the apps original design as is

👇. Below are screens of the apps original design as is

👇. Below are screens of the apps original design as is

👇. Below are screens of the apps original design as is

From Ideation to Reality

The high-fidelity mock-ups unfolded swiftly, with a keen focus on a color system inspired by the vibrant theme of the tattoo studio.

User testing surfaced critical insights - users were unaware of the top menu's scrollability, and the flash menu showcasing discounted tattoos was elusive.

👇 My UX design flow: Revise site map ⇢ Crazy 8's ⇢ Hi fidelity wireframes

👇 My UX design flow: Revise site map ⇢ Crazy 8's ⇢ Hi fidelity wireframes

Iterative Enhancements

In response, a horizontal scroll bar was introduced to indicate scrollability.

The color system was revamped to meet WCAG standards, and a rewards progress bar was incorporated to incentivize repeat visits.

Redefined User Experience

A Redefined User Experience

A Redefined User Experience

The final redesign stands as a testament to a user-centric approach. Navigating the app is now intuitive, with a clear hierarchy, improved color contrast, and a rewarding experience.

The addition of a visible flash menu ensures users don't miss out on exclusive offers.

The final redesign stands as a testament to a user-centric approach. Navigating the app is now intuitive, with a clear hierarchy, improved color contrast, and a rewarding experience.

The addition of a visible flash menu ensures users don't miss out on exclusive offers.

The final redesign stands as a testament to a user-centric approach. Navigating the app is now intuitive, with a clear hierarchy, improved color contrast, and a rewarding experience.

The addition of a visible flash menu ensures users don't miss out on exclusive offers.

A Journey of Empathy

What began as a frustrating user experience evolved into a passion-driven project. The Red Ink Tattoo Studios app redesign isn't just about aesthetics; it's a story of empathy, resilience, and the relentless pursuit of a seamless user journey. As the ink settles, so does the satisfaction of transforming a challenge into an engaging and user-friendly solution.

What began as a frustrating user experience evolved into a passion-driven project. The Red Ink Tattoo Studios app redesign isn't just about aesthetics; it's a story of empathy, resilience, and the relentless pursuit of a seamless user journey.

As the ink settles, so does the satisfaction of transforming a challenge into an engaging and user-friendly solution.

What began as a frustrating user experience evolved into a passion-driven project. The Red Ink Tattoo Studios app redesign isn't just about aesthetics; it's a story of empathy, resilience, and the relentless pursuit of a seamless user journey.

As the ink settles, so does the satisfaction of transforming a challenge into an engaging and user-friendly solution.

What began as a frustrating user experience evolved into a passion-driven project. The Red Ink Tattoo Studios app redesign isn't just about aesthetics; it's a story of empathy, resilience, and the relentless pursuit of a seamless user journey.

As the ink settles, so does the satisfaction of transforming a challenge into an engaging and user-friendly solution.

Jonathan Olivencia

Thanks

Thank you for taking the time out to review my portfolio! :)

Jonathan Olivencia

Thanks

Thank you for taking the time out to review my portfolio! :)

Jonathan Olivencia

Thanks

Thank you for taking the time out to review my portfolio! :)

Jonathan Olivencia

Thanks

Thank you for taking the time out to review my portfolio! :)