Laboratoire · démonstrateur
Signature DW
Le logo DW se démonte en cinq pièces, se range en grille puis se remonte, au rythme de votre défilement.
Le logo DW est fait de cinq pièces : la barre et la boucle du D, deux chevrons pour le W, et un point vert. Chaque pièce peut bouger seule. C’est ce qui permet, sur le reste du site, de l’assembler sous vos yeux dans chaque section.
Ici, le principe est isolé sur une seule scène : faites défiler la page, et le logo se démonte, se range en grille, puis se remonte. Rien ne bouge sans action de votre part.
Démonstration
- Assemblé. Le monogramme au repos : cinq modules, une signature.
- Décomposé. Chaque module se détache en gardant sa forme.
- Grille. Les modules pivotent et s'alignent sur une grille commune.
- Recomposé. La grille se referme et la signature se reconstruit.
Assemblé. Le monogramme au repos : cinq modules, une signature. Décomposé. Chaque module se détache en gardant sa forme. Grille. Les modules pivotent et s'alignent sur une grille commune. Recomposé. La grille se referme et la signature se reconstruit.
Objectif
Montrer qu'un logo bien construit peut servir de fil conducteur aux animations d'un site, tout en restant lisible, utilisable au clavier et calme pour qui préfère moins de mouvement.
Technologies
Limites
- Démonstrateur sans client réel ni donnée personnelle.
- L'expérience est pensée pour le défilement vertical ; un curseur permet de la parcourir sans défiler.
- En mouvement réduit, les étapes sont présentées sous forme d'images fixes.
Contact
Envie d'un mouvement comme celui-ci ?
Présentez-moi votre activité, votre besoin et vos premières idées. Nous pourrons préciser ensemble les prochaines étapes.