Ever After Events
Site complet d'agence de mariage livré en 24h lors du Build Together Challenge. Direction artistique « cachet de cire » (bordeaux, or, textures papeterie), storytelling premium et générateur de faire-part personnalisé au-delà du brief. Équipe TeamKiller : Elton, Rosaire Kakpo, Fried Bcv, Janel Guedemey — sections parallélisées, intégration finale et déploiement avant deadline.
- Client
- Build Together Challenge · TeamKiller
- Rôle
- Frontend & produit
- Durée
- 24h
- Stack Technique
- ViteReactTypeScriptTailwindFramer Motion
Site + générateur de faire-part en 24h
Métriques & Résultats Clés
- Format24h
- Team4
- ExtraFaire-part
Le contexte
Un cahier des charges dense, une nuit sans sommeil et quatre développeurs à synchroniser : livrer une vitrine d'agence mariage crédible (hero, services, galerie, avis, FAQ, contact) tout en y ajoutant une feature différenciante. Le risque principal était de fragmenter l'identité visuelle ou de livrer un site « template » sans émotion.
L'approche
Nous avons fixé dès l'heure 0 une DA unique (cachet de cire, typo display, accents or) et découpé le site en lots propriétaires. En parallèle, j'ai porté le générateur de faire-part : formulaire, prévisualisation live, export — pour sortir du brief et prouver une logique produit, pas seulement une landing. Framer Motion a servi aux micro-transitions sans alourdir le bundle.
Le résultat
Un site déployé avant la deadline, cohérent de bout en bout, avec un outil faire-part démontrable en jury. L'équipe a validé un process challenge reproductible : DA partagée, ownership clair, intégration continue, cut features non critiques.
01 · Problème
Le point de douleur
Challenge 24h : livrer un site d'agence mariage complet, crédible et mémorable, sans sacrifier la cohérence visuelle ni le polish — avec une contrainte forte de coordination entre quatre contributeurs.
02 · Cadrage
Ateliers & périmètre
Lecture du brief, mapping des sections obligatoires, choix d'une DA « cachet de cire », split des ownerships (hero/services, galerie/avis, FAQ/contact, générateur faire-part) et définition d'un design token minimal partagé (couleurs, rayons, typo).
03 · Conception
Architecture & maquettes
Wireframes rapides puis UI dark/bordeaux/or : hiérarchie émotionnelle du hero, cartes services, galerie immersive, et parcours faire-part (choix, personnalisation, preview). Architecture Vite + React TS pour itérer vite.
04 · Développement
Itérations courtes
Implémentation en parallèle, merges fréquents, revue visuelle commune toutes les 3–4h, priorisation stricte (contenu + parcours critique avant micro-animations), et bugfix mobile en fin de course.
05 · Mise en production
Bascule maîtrisée
Build de production, déploiement Vercel, smoke test des pages et du générateur, capture pour la démo jury — zéro dette bloquante laissée derrière.
06 · Solution
Mesure & évolution
Retour jury, polish post-challenge (perf images, accessibilité basique, copy) et conservation du repo comme référence de delivery sous contrainte extrême.
Aperçus du projet en action
Vous avez un projet similaire ou une idée à concrétiser ?
Discutons de vos objectifs techniques et business. Estimation claire et accompagnement sur-mesure.