Case study

Right Color

An independent professional hair color brand, made in Italy.

Industry
Hair color
Based in
Parabiago (MI)
What we built
Website and 3D scenes
The Right Color website on desktop
The Right Color website on a smartphone

The goal

Highlighting Right Color's style.

Rebuild the website from scratch and put front and center what sets Right Color apart: the caffeine formula and its all-Italian production.

  1. 01

    Restyling

    A new look in black and gold, from the home page to the last page.

  2. 02

    The formula in 3D

    Caffeine and the other ingredients can be explored in 3D.

  3. 03

    Three languages

    Website and catalogs in Italian, English and Spanish.

What we built

The product, center stage.

The ingredients, in 3D.

On the home page the formula's ingredients orbit around caffeine in a real-time 3D scene you can drag to rotate. Spheres and list respond to each other: hover an ingredient and its sphere grows while its description opens.

The caffeine 3D scene on the home page: the ingredient spheres orbit around caffeine and, on hover, grow and open their description

The range, by category.

The Products page gathers the range in cards you can filter by category, from coloring to styling; each product has its own page with the technical details.

  • The range
  • Category filters
  • The technical sheet

The roots, in 3D.

On the Company page, the card next to “La Qualità legata alle nostre Radici.” is a real-time 3D scene: as you scroll inside it, the blocks open up and a golden wireframe dodecahedron grows at the center.

The 3D card on the Company page: the four blocks open up, a golden dodecahedron grows at the center, then they close again

Built with

  • Three.js
  • React Three Fiber
  • GSAP
  • Next.js
  • Tailwind CSS

The website

Open an image to see it full size.

  • Home page, the Instagram gallery
  • The Color page
  • The Color page, the tools
  • The Formula, Made in Italy
  • The Formula, the quartet
  • The Company page
  • The Company, international presence
  • Catalogs page
  • Contact page, training

Next project

Back to projects

Case study

ALMA Energia

Energy, Website and 3D scenes

An electricity and gas supplier that pairs its service with plastic recycling and a community of people and businesses.

See the project: ALMA Energia
The ALMA Energia website on desktop
The ALMA Energia website on a smartphone

Your project could be next.

Tell us how your website works today and what isn't working. We'll start from there, with no commitment.

Let's talk