Layer Data

Live site

Cabinet de conseil et d’expertise en gouvernance Data

Web Design
|
Website

2025

« Donner une nouvelle dimension digitale à une identité experte en Data. »

Client

L’agence "Les Têtes d’Ampoules".

Contexte

L’identité visuelle de Layer Data a été retravaillé par l’agence LTDA pour affirmer un positionnement fort dans l’univers de la Data Gouvernance, à travers une direction graphique dynamique et distinctive.

Objectif

Concevoir et développer un site one page, en prolongeant l’identité de Layer Data sur le digital. Une interface claire et dynamique, alignée avec ses valeurs et son univers de marque.

Services

Web Design
3D Spline
Ui Motion
Webflow Development

Credits

Branding : Les Têtes d'Ampoule (LTDA)

1. 3D

Le symbole du logo a été décliné en 3D afin d’enrichir l’identité sur le digital. Cette approche apporte de la profondeur et ouvre de nouvelles possibilités d’animation. La forme carrée, qui constitue l’une des bases de construction du symbole, a également servi à concevoir différents modules animés.

2. Design & développement

Le site Layer Data a été développer sur Webflow, la 3D a été conçus et animé à l'aide de Spline et les animation en pseLe site de Layer Data a été développé sur Webflow. Les éléments 3D ont été conçus et animés avec Spline, tandis que les animations en pseudo-3D ont été réalisées nativement en CSS sur Webflow.

L'animation de chargement

L’animation du logo au chargement a été établit en 2 phases. L'une avec l'écran purple, l'animation du logo (lottie) et la progression du pourcentage de chargement. L'autre est le reveal du site avec l'animation 3D du logo via Spline ainsi que les apprations de textes.

Animations des chiffres

Un effet de profondeur simulé en CSS grâce aux propriétés de perspective et de rotation ont été ajouté aux chiffres.

Détails

Les CTA du slider reprennent la forme du logo, avec une animation en pseudo-3D au survol pour ajouter un peu de profondeur et de mouvement, tout en renforçant l’identité de LAYER DATA.