Le contexte
Charpentes Duval est une entreprise de charpenterie traditionnelle basée à Lyon, spécialisée dans la rénovation de toitures en zones patrimoine (Croix-Rousse, Vieux-Lyon, Mont d'Or). 12 ans d'activité, équipe de 4 personnes, expertise reconnue chez les architectes locaux.
Avant le projet, l'entreprise n'avait pas de site web — uniquement une fiche Pages Jaunes datée. Besoin : un site qui reflète l'image artisanale haut de gamme et qui valorise les chantiers patrimoniaux.
Next.js 16 Tailwind CSS Framer Motion Netlify
Le brief
- Site one-page Next.js avec animations soignées (cohérent avec l'image artisan haut de gamme)
- Mise en avant des chantiers patrimoniaux (différenciateur clé)
- Formulaire de devis avec possibilité d'envoyer une photo de la toiture
- Bouton WhatsApp pour les contacts hors horaires bureau
- Livraison en 2 semaines maximum
- Budget 2 400 € HT
Ce qui a été construit
Site one-page Next.js
- Hero avec animation Framer Motion subtile et photo chantier patrimoine
- Section "Notre savoir-faire" avec galerie 24 photos avant/après organisées par type de prestation
- Section "Zones d'intervention" avec mention des arrondissements et communes couvertes
- Section "Notre équipe" avec présentation des 4 charpentiers
- Formulaire de devis multi-step avec upload photo toiture
- Bouton WhatsApp sticky pour contact rapide
Direction artistique
- Palette beige patrimoine + brun chêne, accents dorés
- Typographie sérif élégante pour titres, sans-serif moderne pour le corps
- Animations subtiles (parallax, fade-in) — élégance sans surcharge
- Photos chantiers patrimoniaux mises en avant en grand format
Spécificités techniques
- Static export Next.js = HTML pur servi par CDN Netlify
- Schema.org LocalBusiness avec coordonnées GPS et zone d'intervention
- Optimisation des images en WebP automatique avec lazy-loading
- Performance Core Web Vitals optimisée mobile + desktop
- Formulaire devis avec validation côté client + envoi email à l'équipe
Livraison
Site livré en 2 semaines. Code source remis, hébergement Netlify configuré au nom du client, formation 1h pour gérer les futures modifications via le panneau Netlify.