Gazebos Préfabriqués Marco — Un site vitrine pour des projets sur mesure
Une présentation visuelle des gazebos en bois, des réalisations et des étapes de commande, avec un accès direct à la demande de soumission.
Aperçu
Gazebos Préfabriqués Marco propose des gazebos en bois sur mesure depuis la Beauce. Le site présente l’offre, montre les réalisations et accompagne les visiteurs jusqu’à une demande de soumission.
J’ai développé une interface responsive avec Next.js, React et TypeScript. Les photographies des gazebos, la palette inspirée du bois et du plein air et les titres typographiques structurent une présentation claire de l’entreprise.
Chronologie du processus
Organisation de l’offre
Structuration des gazebos, des dimensions, des réalisations et des étapes de commande.
Intégration visuelle
Développement de l’interface responsive et intégration des photographies des réalisations.
Galerie interactive
Mise en place de la consultation des projets et de leurs images.
Formulaire de soumission
Validation des champs avec React Hook Form et Zod côté client et serveur.
Transmission des demandes
Connexion du formulaire à Resend pour acheminer les demandes de projet.
Optimisations techniques
Images responsive, métadonnées, données structurées, sitemap et prise en compte de la réduction des mouvements.
Fonctionnalités livrées
Galerie de réalisations
Consultation interactive des photographies de gazebos et de leurs détails.
Gazebos sur mesure
Présentation des dimensions et des possibilités de personnalisation.
Étapes du projet
Explication du parcours de demande et de commande pour préparer le projet.
Formulaire de soumission
Validation côté client et serveur avec React Hook Form et Zod.
Envoi des demandes
Transmission du formulaire par Resend pour faciliter le suivi des soumissions.
FAQ et expérience responsive
Questions fréquentes, images adaptées aux écrans et navigation utilisable au clavier.
Stack technique
Next.js, React, TypeScript et Tailwind CSS composent le site. Motion accompagne les animations; React Hook Form et Zod valident la soumission, puis Resend transmet la demande. Les images sont adaptées aux écrans et le site est déployé sur Vercel.
Vous souhaitez présenter vos réalisations et recevoir des demandes de projet ?
Je développe des sites vitrines sur mesure qui mettent vos réalisations en valeur et offrent un parcours clair vers la prise de contact.