Diseño y Desarrollo Web

Auto Restelo — Concesionario de Coches de Lujo

Web de un concesionario de coches de lujo que presenta un stock exclusivo de 19 marcas premium (Ferrari, Lamborghini, McLaren, Porsche y Bentley) mediante una experiencia de navegación envolvente, con galerías de fotos a pantalla completa, filtrado dinámico por marca y fichas de vehículo detalladas con secciones completas de extras y observaciones.

Creada con React 19, Vite 6 y Tailwind CSS v4, con un tema oscuro cuidadosamente elaborado y detalles en dorado. Entre sus puntos técnicos destacan las galerías navegables por teclado, el carrusel infinito de logotipos de marca, el filtrado sincronizado con la URL, los formularios de contacto conformes al RGPD y el diseño responsive mobile-first.

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

Resumen

Sector

Automoción / Retail de Lujo

Alcance

Diseño y desarrollo web completo con galerías de fotos avanzadas, filtrado y formularios de consulta conformes al RGPD

Plazo

2 semanas desde el diseño hasta el lanzamiento en producción

El Problema

El Reto

Auto Restelo, un prestigioso concesionario de coches de lujo con más de 30 años en Lisboa, necesitaba una presencia digital a la altura de la exclusividad de su stock (Ferrari, Lamborghini, McLaren, Porsche y Bentley). Su presencia online no reflejaba la experiencia premium que los clientes viven en persona, y carecía de funciones modernas como el filtrado avanzado, las galerías de fotos o la optimización para móvil. El reto era crear un showroom digital sofisticado que transmitiera lujo sin dejar de ser rápido, accesible y fácil de usar en cualquier dispositivo, gestionando además un stock variado de 19 marcas de lujo distintas.

Nuestro Enfoque

La Solución

Diseñamos y desarrollamos una web premium de tema oscuro con detalles en dorado cuidadosamente escogidos (oklch(0.72 0.10 85)) que evocan lujo sin resultar ostentosos. La web se apoya en tecnologías punteras (React 19, Vite 6 y Tailwind CSS v4) para lograr un rendimiento excepcional. Entre sus funciones clave están una galería de fotos a pantalla completa con navegación por teclado y gestos táctiles, el filtrado por marca sincronizado con la URL para compartirlo con facilidad, y fichas de vehículo detalladas que muestran especificaciones completas, extras y observaciones en una elegante maquetación a 3 columnas. Un carrusel infinito con los logotipos reales de las marcas refuerza la credibilidad, mientras que los formularios de consulta conformes al RGPD, con los datos del vehículo rellenados automáticamente, agilizan la conversión. El diseño responsive mobile-first garantiza que la estética premium se traslade a la perfección a cualquier tamaño de pantalla, del escritorio al móvil.

Qué Incluye

Características Clave

Diseño Responsive
Galería a Pantalla Completa
Filtrado por Marca
Especificaciones Avanzadas
Formularios Conformes al RGPD
Integración con Google Maps
Carrusel Infinito
Tema Oscuro
Rendimiento

Resultados

98/100
Rendimiento en Lighthouse
Rendimiento excepcional gracias al build optimizado de Vite y a las imágenes con carga diferida
0.8s
First Contentful Paint
Renderizado inicial casi instantáneo gracias a Vite 6 y al CSS optimizado
100/100
Puntuación SEO
HTML semántico, metaetiquetas y una estructura de navegación accesible
100%
Adaptación a móvil
Diseño totalmente responsive probado en todos los tamaños de dispositivo principales
Tecnología

Stack Tecnológico

React 19
Vite 6
TypeScript 5
Tailwind CSS v4
React Router v7
shadcn/ui
Radix UI
Google Maps API
Empezar

¿Listo para Empezar Tu Proyecto?

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

Auto Restelo — Concesionario de Coches de Lujo | Portafolio | low-key solutions