Reduced website bounce rate by 30% and increased check-ins from user-testing insights.

Reduced website bounce rate by 30% and increased check-ins from user-testing insights.

Reduced website bounce rate by 30% and increased check-ins from user-testing insights.

Bamboo DA is a beauty and hair salon company based in Fukuoka, Japan. Employing over 300 employees and also servicing customers in over 30 stores across cities in Fukuoka and Tokyo. Bamboo DA focuses on a positive and healthy relationship between clients and its staff members.

Bamboo DA is a beauty and hair salon company based in Fukuoka, Japan. Employing over 300 employees and also servicing customers in over 30 stores across cities in Fukuoka and Tokyo. Bamboo DA focuses on a positive and healthy relationship between clients and its staff members.

Photo

Timeframe

Timeframe

Feb '23 to October '23

Feb '23 to October '23

My Role

My Role

Research and Design

Research and Design

Employment Type

Employment Type

Design Contractor

Design Contractor

Industry

Industry

Beauty, Retail

Beauty, Retail

Stakeholder

Stakeholder

Lead Front-End Dev

Lead Front-End Dev

Company

Company

Bamboo DA (Japan)

Bamboo DA (Japan)

Problem

Problem

The previous website was outdated and difficult to use. Users had trouble navigating around the site, and most importantly online bookings were difficult to use.

The previous website was outdated and difficult to use. Users had trouble navigating around the site, and most importantly online bookings were difficult to use.

Solution

Solution

The redesigned website features a clean, clutter-free interface, making it easier for users to navigate and access essential pages such as recruitment page and check-in page. Focusing on responsive design, and accessibility for all users.

The redesigned website features a clean, clutter-free interface, making it easier for users to navigate and access essential pages such as recruitment page and check-in page. Focusing on responsive design, and accessibility for all users.

The Story

The Story

Imagine you are in Tokyo or Fukuoka and you want an affordable haircut, you go on your phone to browse for a nearby, good-rated hair salons. You stumble upon a local Bamboo DA salon nearby your location and when you open the website this is what you see…

This would probably be your reaction. It was my reaction as well. And potentially many users interacting with the site.

Finding Out The Issue

Using heuristic evaluation to find key problems with the existing website

Using heuristic evaluation to find key problems with the existing website

Spotting the problem

Photo

Spotting core issues with the old website, focusing on usability and site navigation

Photo

Spotting core issues with the old website, focusing on usability and site navigation

Photo

Spotting core issues with the old website, focusing on usability and site navigation

Aligning With The Stakeholders

Aligning With The Stakeholders

Identify requirements, habits and attitudes, and competitors' offerings

Identify requirements, habits and attitudes, and competitors' offerings

Stakeholders

Photo

I did 1:1 meetings with various team members to understand the needs of the users and the business

Photo

I did 1:1 meetings with various team members to understand the needs of the users and the business

Photo

I did 1:1 meetings with various team members to understand the needs of the users and the business

Key Takeaway: Designs must stick to brand guidelines, generate interests for potential young adults looking to join the Bamboo DA company, create a responsive and accessible web/mobile experience so users can quickly check-in for hair salon appointments.

So What Is The Business Solution?

So What Is The Business Solution?

Increase visible and traffic towards Bamboo DA's recruitment page (They need more staff members for their growing business).


Design the webpage to be simple enough so that users can quickly access the "check-in" page.

Increase visible and traffic towards Bamboo DA's recruitment page (They need more staff members for their growing business).


Design the webpage to be simple enough so that users can quickly access the "check-in" page.

Here's My Process

Fill the gaps and help users navigate through the check-in process and empower them

Coffee = Ideas

Photo

I created a new siteflow map, focusing

on ease-of-use

Photo

I created a new siteflow map, focusing

on ease-of-use

Photo

I created a new siteflow map, focusing

on ease-of-use

Photo

Old flow chart, too many clicks to reach target page

Photo

Old flow chart, too many clicks to reach target page

Photo

Old flow chart, too many clicks to reach target page

Photo

New flow chart where users can check-in and visit the recruit page in an informative and timely manner

Working closely with the development team at Bamboo DA, they had 2 requirements:


  1. Primary: Streamlined way for users to access the check-in system

  2. Secondary: Showcase and highlight the recruit page

Photo

New flow chart where users can check-in and visit the recruit page in an informative and timely manner

Working closely with the development team at Bamboo DA, they had 2 requirements:


  1. Primary: Streamlined way for users to access the check-in system

  2. Secondary: Showcase and highlight the recruit page

Photo

New flow chart where users can check-in and visit the recruit page in an informative and timely manner

Working closely with the development team at Bamboo DA, they had 2 requirements:


  1. Primary: Streamlined way for users to access the check-in system

  2. Secondary: Showcase and highlight the recruit page

It's Time To Design

Aim for a simple design to ensure it can be easily incorporated into current site and aligns with existing brand design

Designing in Figma

Photo
Photo
Photo
Photo
Photo
Photo
Photo
Photo
Photo
Photo
Photo
Photo
Photo

and finally what I learned…

and finally what I learned…

and finally what I learned…

and finally what I learned…

Things Ive Learned

Things Ive Learned

Things Ive Learned

Things Ive Learned

During this project I've learned a lot. As a designer and as a active team member.


  1. Language Barrier: The team primarily spoke Japanese (with some English knowledge), whereas I spoke primarily in English. During this project I had to convey my designs to the team in both in Japanese and English, this was truly a challenge since my vocabulary was limited ( but improving everyday with Anki memorization cards!).


  2. Japanese Web design versus Western web design: In this project work, I learned that Japanese web design focuses more on information, more content and information is being presented throughout the website, This is in stark contrast where in western design focuses on more so on balance between visual and content design.


  3. Lifelong friends: I had the pleasure of working with talented individuals who became one of my closest friends. One of my goals is to work and travel in Japan as a designer and this truly a special moment in my career.


  1. More and more testing: I would like to implement more testing to see if the placements of the "Check-In" buttons and other cards within the website are working as intended. I would propose A/B testing and see if users are able to successfully find these pages in quick successions.


Given the opportunity, I would like to work with future Japanese web and mobile designs. I love to learn new aspects of design that isn't so western centric. I learned a lot from this project, and I would say my communication skills have also increased.

During this project I've learned a lot. As a designer and as a active team member.

  1. Language Barrier: Th


During this project I've learned a lot. As a designer and as a active team member.


  1. Language Barrier: The team primarily spoke Japanese (with some English knowledge), whereas I spoke primarily in English. During this project I had to convey my designs to the team in both in Japanese and English, this was truly a challenge since my vocabulary was limited ( but improving everyday with Anki memorization cards!).


  2. Japanese Web design versus Western web design: In this project work, I learned that Japanese web design focuses more on information, more content and information is being presented throughout the website, This is in stark contrast where in western design focuses on more so on balance between visual and content design.


  3. Lifelong friends: I had the pleasure of working with talented individuals who became one of my closest friends. One of my goals is to work and travel in Japan as a designer and this truly a special moment in my career.


  1. More and more testing: I would like to implement more testing to see if the placements of the "Check-In" buttons and other cards within the website are working as intended. I would propose A/B testing and see if users are able to successfully find these pages in quick successions.


Given the opportunity, I would like to work with future Japanese web and mobile designs. I love to learn new aspects of design that isn't so western centric. I learned a lot from this project, and I would say my communication skills have also increased.

Let's make amazing projects together!

Let's make amazing projects together!

Let's make amazing projects together!

Let's make amazing projects together!

Created by Friedemann Afrom the Noun Project