01 · 2026
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
- Vite, React, TypeScript, Tailwind, Framer Motion
Étude de cas
Site + générateur de faire-part en 24h
- 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.
Projets suivants
AfriCreator
Studio de contenu IA pensé pour les créateurs, équipes et marques africaines / francophones. Une seule interface pour idéation, organisation éditoriale, programmation et publication multi-plateformes — avec pricing en FCFA (4 990 FCFA/mois), onboarding créateur et dashboard insights, pour remplacer le patchwork Notion + Canva + Buffer + Analytics trop cher et trop fragmenté.
The InnerBuild
Plateforme de recrutement et d'évaluation pour sourcer les « Inbuilders » : challenges de code open source, soumissions candidats, jury expert, leaderboard et feedback personnalisé. Objectif : remplacer le CV opaque par une preuve de skill mesurable — et forger des Frontend Killers via un process transparent (saisons, scoring sur 100 pts, retours actionnables).