Conception et développement web

Site web Vertice Car Detail

Site web d'un studio de préparation automobile haut de gamme, avec des onglets de services interactifs organisés par catégorie (extérieur, intérieur, forfaits premium), une galerie photo filtrable de 21 clichés avant/après, un carrousel de témoignages clients à défilement automatique et un formulaire de contact avec sélection de la prestation. Il présente plus de 12 services professionnels, avec leurs tarifs et des descriptions détaillées.

Développé avec React 19 et TypeScript, il intègre un arrière-plan animé sur mesure en canvas avec 90 particules, des animations d'apparition au défilement, des effets de scintillement en CSS et un thème sombre raffiné (hsl 240 2% 11%) rehaussé du vert de la marque (hsl 89 48% 40%).

Date de réalisation : août 2026
Voir le site en ligne
Détails du projet

Vue d'ensemble

Secteur

Services automobiles

Périmètre

Conception et développement complets du site, avec des animations sur mesure, un catalogue de services, une galerie, des témoignages et un formulaire de contact

Durée

Environ 2 semaines, du design au déploiement

La problématique

Le défi

Vertice Car Detail, studio de préparation automobile haut de gamme installé à Mafra, au Portugal, avait besoin d'une présence en ligne professionnelle, à la hauteur de la précision et de la qualité de son travail. L'entreprise proposait une large gamme de prestations (préparation extérieure, nettoyage intérieur, traitement céramique, film de protection) mais ne disposait d'aucun site pour valoriser son savoir-faire, présenter ses réalisations et permettre aux clients de demander facilement un devis. Le site devait exprimer le professionnalisme, le souci du détail et la qualité premium, tout en restant simple à parcourir et adapté au mobile.

Notre approche

La solution

Nous avons développé une application React monopage moderne, aux animations soignées et aux fonctionnalités interactives, à l'image de la méticulosité du client dans son métier. Le site s'appuie sur un arrière-plan de particules en canvas sur mesure, qui crée de l'intérêt visuel sans écraser le contenu, des animations d'apparition au défilement qui guident l'utilisateur d'une section à l'autre, et un catalogue de services par onglets qui organise clairement plus de 12 prestations par catégorie. Une galerie filtrable présente 21 photos de réalisations en haute qualité, tandis qu'un carrousel de témoignages à défilement automatique inspire confiance grâce à de véritables avis cinq étoiles. Le thème sombre rehaussé de vert renforce l'identité premium de la marque, et le formulaire de contact simplifie la prise de rendez-vous grâce à la présélection de la prestation. Développé avec React 19, TypeScript et Tailwind CSS, le site est rapide, entièrement responsive et facile à maintenir.

Ce qui est inclus

Fonctionnalités clés

Arrière-plan animé à particules
Animations d'apparition au défilement
Catalogue de services interactif
Galerie filtrable
Carrousel d'avis clients
Formulaire de contact
Design responsive
Thème sombre premium
Performance

Résultats

95+/100
Performance Lighthouse
Build Vite optimisé, avec un minimum de dépendances et des images en chargement différé
100%
Adaptation mobile
Approche mobile-first, avec des mises en page entièrement responsives
90+/100
Score SEO
HTML sémantique, avec une hiérarchie de titres cohérente et des balises meta
12 services
Étendue des prestations
Un catalogue complet réparti en 3 catégories (35 € à 1 050 €)
Technologie

Technologies utilisées

React 19
TypeScript
Vite 7
Tailwind CSS 3
shadcn/ui
react-hook-form
yup
Embla Carousel
Firebase Hosting
Se lancer

Prêt à lancer votre projet ?

Voyons ensemble comment créer un site remarquable, adapté aux besoins de votre entreprise.

Site web Vertice Car Detail | Portfolio | low-key solutions