MOONSHINE

UI/UX DEsign

Brand Attributes:

Confident
Extrovert
Gentleman
Fashionable

Brief:

Moonshine Barber Shop is a refined choice for the modern person. The hand-selected barbers facilitate a collaborative process with each client in an atmosphere that is both progressive and comfortable. Moonshine Barber Shop’s sophisticated and efficient style is complemented by high-level service and genuine client care, creating a new perception of “barber” and an experience deserving of “best”.

Project Deliverables:

Logo

To design the Moonshine Barber Shop logo, I integrated a pair of scissors and a comb, which also resemble a crown. This helps conveying a sense of regal elegance and suggests that customers of Moonshine Barber Shop can expect a premium experience.

Color Palette

Midnight blue represents sophistication and elegance, while the crimson red and orange-red add a bold and modern twist to the design. The combination of these colors creates a memorable feel that aligns with the upscale image of the brand.

Typography

Avenir Next and Moonshine utilized as type face. Avenir Next was chosen for its clean and modern appearance, which aligns with the upscale image of the brand. It is used for the main text. For header sections Moonshine is used for creating contrast with Avenir Next.

User Personas

User personas were essential in the case study as they provide a clear understanding of the target audience. By developing personas that represent the ideal customers, we gain valuable insights into their needs, goals, and pain points, allowing us to create tailored designs that effectively communicate the brand's message.

Wireframes

By using wireframes, I was able to ensure that the website's structure and content were organized in a logical and user-friendly way. This crucial part of design allowed me to identify potential issues on early stage and make any possible necessary changes before investing significant time and resources into the final design.

Hi-Fidelity Mockups

Using the wireframes as a foundation, I created high-fidelity mockups that showcased the branding elements, color scheme, typography, and layout of the website. This allowed me to see how all the design elements worked together and make any necessary adjustments before moving on to the development stage

The Solution:

Moonshine Barber Shop is a refined choice for the modern person. The hand-selected barbers facilitate a collaborative process with each client in an atmosphere that is both progressive and comfortable. Moonshine Barber Shop’s sophisticated and efficient style is complemented by high-level service and genuine client care, creating a new perception of “barber” and an experience deserving of “best”.

Website Design:

The website design for Moonshine Barber Shop reflects the brand's sophisticated and stylish identity. The color palette of midnight blue, crimson red, and orange red is used throughout the website to create a visually striking and cohesive look. The dark background and elegant typography give the website a luxurious feel. Sepia-colored images are also incorporated, which add a vintage and classic touch to the design. The layout is designed with user experience in mind, featuring easy navigation and clear calls-to-action.

Moonshine Barbershop UI/UX Design Web Version View

The Pitch

Moonshine Barber Shop offers a contemporary and upscale experience. Their expert barbers work with each client in a comfortable atmosphere. With top-notch service and genuine client care, Moonshine Barber Shop redefines the traditional idea of a "barber" and provides an exceptional experience.

Region

Latvia - Riga, Old Town Region

Despite its small size, Riga Old Town is a highly competitive area as it serves as the center of the city for both business and tourism. The region is primarily inhabited by expats who work for upscale companies.

Target Audience

  • Men who care about their look and seek for a good quality hair cut

  • Youngsters who like to explore different types of unique styles

  • Guys who like to enjoy and relax in a luxury barber shop enviroment

Demographics

  • Gender: Male

  • Age: 20s to 60s

  • Education: Collage education or higher

  • Occupations: IT and business people, managers, administrators

  • Income: Above the avarage

Personality & Attitudes:

  • Confident

  • Extrovert

  • Gentleman

  • Fashionable

Values

  • Like to discover

  • Good looking

  • Self respect

Lifestyle:

  • Open minded

  • Modern

  • Urban

Personas

Janis Ozols

  • 43 years old
  • Married with 2 children
  • Assistant manager at a multinational bank
  • Lots of meetings and business lunches with corporate customers
  • Goes to gym 3 times a week
  • Uses skin care products
Moonshine Barbershop UI/UX Design Persona Man

"I enjoy relaxing in a luxury barber shop environment where I can get a modern and decent haircut, as well as skin care. This helps me to unwind after a long and tiring workweek."

Goals

I only have time to go to the barber on weekends. When I go there, I expect a luxurious environment where I am offered a drink, and I can get a modern haircut and skin treatment. It is important for me to maintain a sharp appearance in my competitive job environment.

Frustrations

• Have to call in to make appointments or change appointments due to busy work schedule.
• Having a hair cut not like he described.

Davids Krumins

  • 21 years old
  • Studying international marketing
  • Likes to go out with friends at weekend
  • Gives importantance to self care
  • Fallows fashion trends
  • Uses social media heavily
Moonshine Barbershop UI/UX Design Persona Boy

"All I want when I go to a barbershop is to receive a great haircut, but I also want to explore unique styles to develop a new personal look."

Goals

To explore different types of unique hairstyles and develop a personal look while trusting that I will receive and maintain a great haircut every time.

Frustrations

I'm looking for something new, but I know that I won't be able to get it at my local hair salon because there are mainly old lady hairdressers who do not follow new hair trends. I would like to have the same barber all the time, not a random one.

Nick Miller

  • 32 years old
  • Single, lives with flatmates
  • Expat, web developer at an international company
  • Attends dance lessons
  • Prefers services where English language is spoken
Moonshine Barbershop UI/UX Design Persona Guy

“The feeling of having nicely styled hair is so satisfying for me.”

Goals

I like to socialize and attend events, so having a sharp style is crucial for me. When I visit a barber shop, I want to know that the hairstylist will understand my needs and cut my hair as I describe. The feeling of having nicely styled hair is so satisfying to me.

Frustrations

I am unable to communicate well with other stylists due to a language barrier. I care about my look, but since I moved to Latvia from the US, I haven't been able to find a variety of hairstylists whom I can trust.

Mood board

In the Mood Board section, it is possible to explore a collection of curated images that capture the aesthetic of the barbershop. It serves as a visual reference for the user interface design deliverables of the website and provides visitors with a better understanding of the desired look and feel. The mood board has been an essential tool in creating a cohesive and visually engaging user experience for the website as well.

Typography

Its bold and distinctive style helps to establish a strong brand identity. With its unique character and attention to detail, the Moonshine font captures the essence of the barbershop experience,

Colors

#111433
#2c0d03
#92092a
#c17b3d

Grid Systen

Desktop

1920x1080 px

12 columns

Gutter width: 20 px

Column width: 116 px

Mobile

414 x 896 px

2 columns

Gutter width: 30 px

Column width: 130 px

Wireframe

other

projects