Nacre
Le site de mon studio web indépendant, qui rejoue la fabrication d'un site client au fil du défilement et compose le devis en direct.
Voir le site Dépôt privé, aperçu seulement
- Année
- 2026
- Cadre
- Freelance
- Équipe
- Solo
- Statut
- Terminé
- Technologies
- Astro, TypeScript, GSAP, CSS
Nacre est le studio web que j’ai créé pour mon activité de freelance : sites vitrines, boutiques en ligne et applications sur mesure. Le site doit vendre sans discours, en montrant le travail.
Il s’ouvre sur un film de nacre vivante, l’intérieur d’une huître perlière filmé en macro. Au défilement, la démo de Maison Pétrin, une boulangerie fictive, prend tout l’écran et rejoue la fabrication de son site : un crayon dessine le croquis, la maquette se pose, les couleurs arrivent, le site se met en ligne, puis ses horaires sont mis à jour.
Ce qu’il fait
- Le film de la méthode, piloté par le scroll, pendant que les étapes défilent dans la colonne de gauche.
- Six modèles par métier sur un collier sans fin, chacun avec une vraie démo en ligne.
- Deux pages de tarifs, pour les sites et pour les applications, qui lisent toutes les deux un seul fichier de prix.
- Un devis qui se compose en direct avant l’envoi, avec des règles de calcul couvertes par des tests.
- Deux thèmes, nacre blanche et nacre noire, qui suivent le réglage du visiteur.
Détails
- Site entièrement statique, sans cookie ni traceur.
- Film d’ouverture généré une fois en 4K, puis ralenti et monté en boucle d’environ 70 secondes sans coupure.
- Captures et vidéos des modèles enregistrées automatiquement depuis les démos.
- Parcours de devis vérifié de bout en bout, sur ordinateur et sur téléphone.
-
La première étape de la méthode, où un crayon dessine le croquis du site de Maison Pétrin -
La dernière étape, où les horaires du site en ligne sont mis à jour -
Les modèles de sites par métier, présentés sur un collier qui tourne -
Les deux offres, sites web et applications, dans des écrins de nacre -
Le devis, où le projet se compose avant l'envoi -
La page des tarifs des sites, sur un fond de nacre blanche -
Les modèles en thème nacre noire -
L'ouverture du site sur téléphone