Trois Fois Rien
Le site d'un collectif de scénographes et designers
01Le contexte
Le collectif Trois Fois Rien avait besoin d'un site vitrine pour présenter ses projets et son savoir-faire. J'ai porté le projet seul de bout en bout : les échanges avec le client, la conception UX/UI à partir de leur charte graphique, puis le développement front et back, l'hébergement et la sécurisation.
02Mon rôle
- Échanges avec le client et recueil des besoins
- Conception des maquettes UX/UI dans Figma à partir de la charte graphique
- Développement full-stack du site et du back-office
- Hébergement, sécurisation et référencement
03L'objectif
« Donner au collectif une vitrine fidèle à son identité, qu'il peut faire évoluer seul grâce à un back-office complet. »
04La solution
Back-office complet
Le collectif gère lui-même tous les textes et toutes les images du site, sans toucher au code.
Projets et galeries
Chaque projet a sa propre page, avec une description, ses informations clés et une galerie photo.
Formulaire de contact
Les messages sont enregistrés en base, consultables depuis le back-office et envoyés par e-mail au collectif.
Animations
Framer Motion gère toutes les animations du site, des apparitions au scroll aux cartes de l'équipe qui se retournent, pour une navigation vivante qui reste légère.
05Choix techniques
06Le défi
Le site repose sur beaucoup de photos haute qualité, ce qui pèse lourd sur la taille des pages et la consommation énergétique, alors que le collectif défend une démarche sobre. Le référencement devait aussi être soigné pour qu'on trouve le collectif en ligne.
J'ai mis en place une optimisation des images (compression, formats modernes, tailles adaptées à l'écran) pour réduire leur poids sans perte visible. Pour le SEO, j'ai travaillé les métadonnées, le rendu serveur et la structure des pages.
07Bilan
Le site est en ligne et le collectif le met à jour en totale autonomie. Une V2 est en cours de développement pour faire évoluer le site avec eux.
Ce projet m'a appris à gérer une relation client de A à Z, du recueil des besoins à la mise en production. J'ai aussi appris à concevoir en tenant compte de la sobriété numérique, en particulier sur l'optimisation des images et le référencement.
Galerie
