Shiseido Skin Visualizer

Revieve 2022-2023

01. Overview

Revieve helped Shiseido Japan develop the Skin Visualizer, Shiseido’s first touchless, over-the-counter smart-mirror device that measures and visualizes, in real-time, the elements of beauty circulation in the skin.

 

The Skin Visualizer calculates the skin’s condition for anyone, regardless of gender, skin color, skin type, or makeup, and a SHISEIDO beauty professional then recommends products based on the measurements, the skin condition, and the customer’s skin concerns. 

 

As part of the Revieve design team, collaborating closely with the product and development teams and SHISEIDO, we worked together to craft the UX and UI that resulted in the final solution.

02. Key Insights

Role:

UX-UI Designer

Team: 

Design, product, devs and Shiseido

Duration: 

6 months project (part-time)

03. Objectives

1. Integrate the Revieve plugin into the Shiseido experience.

2. Create a touchless user experience that is easily navigated with guidance from Shiseido store personnel.

3. Design the UI to account for mirror lighting and contrast, ensuring clear visibility and readability.

4. Hold regular meetings with the Shiseido team to gather feedback and make necessary adjustments throughout the project.

5. Ensure the project’s success by maintaining constant communication with developers to address any technical issues.

6. Incorporate the Shiseido ultimate triangle  into the user results to clearly visualize key skin metrics.

7. Adhere to Shiseido’s brand guidelines to ensure all design elements align with the company’s established identity.

04. Design

With the project already agreed with revieve. We had a couple of meetings with shiseido design team to generate a detailed brief.

 

The User research. There where two main users involved, the SHISEIDO beauty professional as primary and the SHISEIDO customer as secondary.

Context: A counter inside the SHISEIDO store well iluminated with a special zone for it.

Prototype:

05. Challenges

– Integrating the ultimate triangle: a cutting-edge triangular graph that visualizes the balance of radiance, resilience, suppleness, fine skin texture, and smoothness.

– Coordinating constant meetings, reviews, and changes with multiple stakeholders from different teams, and ensuring all inputs were cohesively integrated.

– Addressing issues with reflections and background lighting to enhance the mirror’s readability.

– Managing delays caused by the frequent reviews and approvals required from various teams in both companies.

06. Tools

07. Results

The final UX and UI design balanced sophistication and simplicity. We ensured that the data visualization was clear and informative, and that the interface was aesthetically aligned with Shiseido’s branding while remaining highly functional and user-centric.

 

Today, the Skin Visualizer offers a unique in-store beauty experience for consumers worldwide. Leveraging the Skin Visualizer, customers receive highly personalized insights on achieving their healthiest, most radiant skin.

 

The measurable outcomes include:

  • Increased Conversion Rates and Average Order Value: The Skin Visualizer has led to higher conversion rates and greater average order values compared to traditional shopping methods.
  • Enhanced Product Discovery: Customers benefit from improved and guided product assortment discoverability.
  • Boosted Customer Engagement and Loyalty: The interactive and personalized experience has significantly increased customer engagement and loyalty.