@font-face {font-family: 'Urbanist-Regular';src: url('https://www.kevinvittini.com/wp-content/uploads/2024/02/Urbanist-Regular.ttf') format('truetype');}@font-face {font-family: 'Urbanist-Bold';src: url('https://www.kevinvittini.com/wp-content/uploads/2024/02/Urbanist-Bold.ttf') format('truetype');}@font-face {font-family: 'Urbanist-Light';src: url('https://www.kevinvittini.com/wp-content/uploads/2024/02/Urbanist-Light.ttf') format('truetype');}@font-face {font-family: 'Urbanist-SemiBold';src: url('https://www.kevinvittini.com/wp-content/uploads/2024/02/Urbanist-SemiBold.ttf') format('truetype');}@font-face {font-family: 'Honk-Regular';src: url('https://www.kevinvittini.com/wp-content/uploads/2024/02/Honk-Regular.ttf') format('truetype');}

WEBSITE REDESIGN FOR LIL BABY'S BUSHWICK

Screen-Shot-2022-07-25-at-6.34.12-PM

Overview

Lil Baby's Bushwick (LBB) is a small establishment located in an artsy neighborhood in Brooklyn, NY. They are a tattoo shop dedicated to providing their clientele with an inclusive tattoo experience while advocating for self expression.

LBB's major struggle was conveying that same message on their website. My job was to translate their passion for inclusion onto their online platform.

Role: UX/UI designer & researcher.

Tools: Figma | Miro | Optimal sort.

Research methods:  Heuristic Review | User interviews | Usability testing | Competitive analysis, Card sorting

Challenges 

1. Navigation lacked proper information architecture structure.

2. It was hard for users to connect with LBB's vision and artists. 

MVP's

1. Improve overall UI/UX of the website relevant to their goals and services.

2. Develop a clear brand that represents what LBB is all about.

In order to better understand the interface and available features of the site, I performed a heuristic analysis

Process

I identified all services and features available on the site as well as any pain points I had come across. These observation guided the following steps in the research process.

Screen-Shot-2022-07-25-at-3.47.00-PM

Pain points

It is difficult for the user to asses the artists' work based off of the available information on the website.

Artists' work is hard to see and sometimes the images do not expand.

In order to see the artists full portfolio, you are redirected to Instagram.

Pain points

There is no call to action button to book a consultation on the entire site.

The symbol to book a consultation is only found on the landing page.

Screen-Shot-2022-08-04-at-1.05.33-PM

Translating user interviews into actionable items was one of the main challenges in generative research.

Process

I started the interview process by identifying my user base as individuals who have scheduled online consultations for a tattoo.

Through the interviews, I learned that users wanted to be able to establish a rapport with their artist even before meeting with them in person.

 These are some of the user interviews observations.

Screen-Shot-2022-08-04-at-1.12.36-PM

Only 33% of users were able to figure out how to book a consultation, while the rest gave up before completing their given tasks.

Process

At this point I had to figure out how to increase user's ability to establish a rapport with the site and artists even before meeting with them in person.

I decided to perform an initial round of usability testing to see how users would interact with the site and if additional pain points would surface. Users were asked two tasks:

1. Select an artist you would be interested in.

2. Book a consultaion with the given artist.

The research uncovered 2 different kinds of users, both of whom are represented by Nate and Alana.

Screen-Shot-2022-07-25-at-6.09.59-PM

Newbie Nate, 19, NYC

Needs

To save money from every transaction | wants to get a tattoo as soon as possible | needs his hand held during and after the process of getting a tattoo.

Frustrations

Has committment issues | gets overwhelmed easily when presented with new information | Does not like to wait a long time to get what he wants.

Screen-Shot-2022-07-25-at-6.09.10-PM

Tatted Alana, 28, NYC

Needs

To establish a rapport with her artist of interest | to have a diverse network of creativity to find inspiration | to network with as many artists as possible.

Frustrations

Not being able to communicate with an artist before going in person | Artists who aren't passionate about their work | dififcult website navigation.

Screen-Shot-2022-07-29-at-3.46.16-PM

Below are some of the lo-fi prototypes that were used to test potential design solutions.

Home Page

Screen-Shot-2022-08-04-at-12.10.30-PM

Artist Page

Screen-Shot-2022-08-04-at-12.11.17-PM

Artist Bio

Screen-Shot-2022-08-04-at-12.12.47-PM

Consultation Form

Screen-Shot-2022-08-04-at-12.13.30-PM

My design decisions were validated through the competitors, who more successfully were able to address the pain points I had discovered.

Direct competitor: AtelierEva

Screen-Shot-2022-08-04-at-2.16.47-PM

Many of the direct competitors failed to show clear call to action buttons to book consultations and easy access to contact information.

Amongst all of the competitors, AtelierEva, succesfully adressed these pain points.  We can see that:

1. The call to action button is easily found on the  right corner of the screen

2. Each artist had their own page to showcase their work 

3. Relevant contact information was found on the footer

Lil Baby's Bushwick New design

Next Steps

Developing an interface for an online consultation experience, which will allow users to meet with an artist from the shop so they can choose the right fit for them.