Diseño y Desarrollo Web

Web de Vertice Car Detail

Web de un estudio premium de detailing de automoción con pestañas de servicio interactivas organizadas por categoría (exterior, interior y paquetes premium), galería de fotos filtrable con 21 imágenes de antes y después, carrusel de testimonios con reproducción automática y formulario de contacto con selección de servicio. Presenta más de 12 servicios profesionales con sus precios y descripciones detalladas.

Creada con React 19 y TypeScript, con un fondo de partículas animado sobre canvas con 90 partículas, animaciones de aparición al hacer scroll, efectos de brillo en CSS y un sofisticado tema oscuro (hsl 240 2% 11%) con acentos en el verde de la marca (hsl 89 48% 40%).

Fecha de finalización: agosto de 2026
Visitar la Web
Detalles del Proyecto

Resumen

Sector

Servicios de Automoción

Alcance

Diseño y desarrollo web completo con animaciones a medida, catálogo de servicios, galería, testimonios y formulario de contacto

Plazo

~2 semanas desde el diseño hasta el despliegue

El Problema

El Reto

Vertice Car Detail, un estudio premium de detailing de automoción en Mafra (Portugal), necesitaba una presencia online profesional que reflejara la precisión y la calidad de su trabajo. El negocio ofrecía una amplia gama de servicios (detailing exterior, limpieza de interiores, tratamiento cerámico y PPF), pero no tenía web donde mostrar su experiencia, exponer su portafolio y permitir a los clientes pedir presupuesto con facilidad. La web debía transmitir profesionalidad, atención al detalle y calidad premium, y ser a la vez fácil de navegar y apta para el móvil.

Nuestro Enfoque

La Solución

Desarrollamos una aplicación React moderna de una sola página con animaciones sofisticadas y funciones interactivas que reflejan el enfoque meticuloso del cliente en el detailing. La web incluye un fondo de partículas sobre canvas a medida que aporta interés visual sin restar protagonismo al contenido, animaciones de aparición al hacer scroll que acompañan al usuario por las distintas secciones y un catálogo de servicios por pestañas que organiza con claridad más de 12 servicios por categoría. Una galería filtrable muestra 21 fotos de gran calidad de trabajos terminados, mientras que un carrusel de testimonios con reproducción automática genera confianza con reseñas auténticas de cinco estrellas. El tema oscuro con acentos verdes refuerza la identidad de marca premium, y el formulario de contacto agiliza la reserva con el servicio preseleccionado. Creada con React 19, TypeScript y Tailwind CSS, la web es rápida, totalmente responsive y fácil de mantener.

Qué Incluye

Características Clave

Fondo Animado de Partículas
Animaciones de Aparición al Hacer Scroll
Catálogo de Servicios Interactivo
Galería con Filtros
Carrusel de Reseñas de Clientes
Formulario de Contacto
Diseño Responsive
Tema Oscuro Premium
Rendimiento

Resultados

95+/100
Rendimiento en Lighthouse
Build optimizado con Vite, dependencias mínimas e imágenes con carga diferida
100%
Adaptación a móvil
Enfoque de diseño mobile-first con maquetación totalmente responsive
90+/100
Puntuación SEO
HTML semántico con una jerarquía de encabezados correcta y metaetiquetas
12 services
Cobertura de servicios
Catálogo completo en 3 categorías (35-1.050 €)
Tecnología

Stack Tecnológico

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

¿Listo para Empezar Tu Proyecto?

Hablemos de cómo podemos crear una web espectacular adaptada a las necesidades de tu negocio.

Web de Vertice Car Detail | Portafolio | low-key solutions