The Creative Pass Watch all courses for just $12/month
CHANEL - Les 4 Ombres Boutons
SOTD
7.35

Site of the Day - Oct 7, 2025

Elements

See the highlights
of this website.

Color Palette

This website uses a color
palette of 2 colors

  • HEX #FFFFFF
  • HEX #000000

Description

Discover the interactive landing page for CHANEL’s Les 4 Ombres “Boutons”, merging 3D modeling and WebGL with fluid, high-performance development.

Inside look

Discover more
details of this SOTD.

SOTD / SCORE → 7.35/ 10

Design40%
Usability30%
Creativity20%
Content10%
7.3 / 10
7.2 / 10
7.59 / 10
7.49 / 10

Votes

Design
Usability
Creativity
Content
Overall
Design
Usability
Creativity
Content
Overall

DEV AWARD → 7.35/ 10

Semantics / SEO
Animations / Transitions
Accessibility
WPO
Responsive Design
Markup / Meta-data
7.00 / 10
7.60 / 10
7.00 / 10
7.60 / 10
7.40 / 10
7.40 / 10

Votes

Semantics
Animations
Accessibility
WPO
Responsive Design
Markup
Overall

Collections

Explore more
great collections.

Handy Tools and Apps for Designers
COLLECTION
Resources
WebGL / HTML5 Games
COLLECTION
Web Technology

WebGL / HTML5 Games

followed by
  • kewei
  • The Cardboard Samurai
  • ryunosuke tamada
+74
Team & About Pages
COLLECTION
Inspiration

Team & About Pages

followed by
  • evgeniy-vlasov
  • leonardkohout
  • FinnReinders
+1007
Calligraphy Fonts
COLLECTION
Resources

Calligraphy Fonts

followed by
  • krystof-vach
  • leonardkohout
  • juanjuan-huang
+637
Creative Spaces
COLLECTION
Inspiration

Creative Spaces

followed by
  • leonardkohout
  • toni-aragones
  • FinnReinders
+541
Hot Right Now 🔥 🔥
COLLECTION
Inspiration

Hot Right Now 🔥 🔥

followed by
  • leonardkohout
  • InakiSerna
  • juanjuan-huang
+750
Inspiring UX Design
COLLECTION
UX/UI

Inspiring UX Design

followed by
  • Manojkoneti
  • FinnReinders
  • victor-lander
+640
Agency Life
COLLECTION
Other

Agency Life

followed by
  • evgeniy-vlasov
  • leonardkohout
  • juanjuan-huang
+496