Bamboo DA Web Redesign

Bamboo DA Web Redesign

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.

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

Paid Design Contractor

Paid 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 features. 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 features. Focusing on responsive design, and accessibility for all users.

Photo
Photo
Photo
Photo
Photo
Photo
  1. Problem Overview

  1. Problem Overview

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

  1. Research

  1. Research

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.

  1. Ideate

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

  1. Prototype

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
Photo
Photo
Photo
Photo
Photo

Some things I've learned…

Some things I've learned…

Some things I've learned…

Some things I've learned…

Takeaways

Takeaways

Takeaways

Takeaways

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 working 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.


  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.


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: The team primarily spoke Japanese (with working 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.


  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.


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


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