Kmly Events
kmlyevents.com↗Le contexte
Kmly Events est une boîte de décoration événementielle (anniversaires, baby-showers, baptêmes, mariages). Avant le site, tout passait par Instagram DMs — perte de leads, devis manuels, pas de visibilité tarifs.
Le brief
Une page tarifs claire avec 4 forfaits (Mini 360€ → Créatif 890€). Quand quelqu'un réserve un forfait, l'équipe doit recevoir une notification WhatsApp instantanée avec toutes les infos client (date, lieu, prénom à honorer, type d'événement, précisions).
Pas de back-office complexe — la conversation continue ensuite directement sur WhatsApp.
Stack technique
- Next.js 16 (App Router, Server Components par défaut)
- Tailwind v4 avec tokens dans
@themedirectement dans le CSS - Vercel Blob pour stocker chaque réservation en JSON (audit trail)
- CallMeBot pour pusher la notif WhatsApp via API (gratuit, simple, fiable)
- Hébergement Vercel + DNS OVH (A
kmlyevents.com→ Vercel apex)
Le flow réservation
- Cliente clique "Réserver ce forfait" sur
/tarifs - Arrive sur
/reservation/[forfait](route dynamique avec slugmini/smart/essentiel/creatif) - Remplit un formulaire court (prénom, téléphone, type d'événement, prénom à honorer, date, lieu, précisions)
- Submit → POST
/api/reservation - L'API valide, sauve dans Vercel Blob (
reservations/<id>.json), puis pousse la notif WhatsApp à l'équipe
🎉 NOUVELLE RÉSERVATION
📦 Forfait : Mini (360€)
👤 Sarah · 📱 06 12 34 56 78
🎈 Anniversaire · ✨ Léo
📅 15 juin 2026 · 📍 Paris 75011
Décisions notables
Pas de form devis sur la page principale, juste 4 cards forfait + CTA. Le devis sur-mesure est une route séparée, accessible uniquement si la cliente cherche autre chose que les 4 forfaits standards.
Plafond budget /devis à 1 000€. Toute la grille tarif est en dessous, ça filtre les leads pertinents et force les demandes hors-grille à passer par le canal "À définir ensemble".
Le WhatsAppButton reste en bas à droite sur toutes les pages comme fallback — la cliente peut toujours ouvrir WhatsApp directement si elle préfère ne pas remplir le form.
Du repo vide à la prod
Idée → Next.js init → composants → 4 forfaits → page de résa par forfait → API CallMeBot → DNS OVH → SSL Vercel → live sur kmlyevents.com : moins d'une journée. Le site est volontairement simple, mais chaque pixel et chaque ligne tient sa fonction.