Web Design e Desenvolvimento

Auto Restelo — Stand de Automóveis de Luxo

Website de stand de automóveis de luxo que apresenta um inventário exclusivo de 19 marcas premium (Ferrari, Lamborghini, McLaren, Porsche e Bentley) através de uma experiência de navegação imersiva, com galerias de fotografias em ecrã inteiro, filtragem dinâmica por marca e especificações detalhadas dos veículos, com secções completas de extras e observações.

Construído com React 19, Vite 6 e Tailwind CSS v4, com um tema escuro meticulosamente trabalhado e apontamentos dourados. Os destaques técnicos incluem galerias navegáveis por teclado, carrossel infinito de logótipos de marcas, filtragem sincronizada com o URL, formulários de contacto em conformidade com o RGPD e design responsivo mobile-first.

Data de Conclusão: maio de 2026
Visitar Site
Detalhes do Projeto

Visão Geral

Setor

Automóvel / Retalho de Luxo

Âmbito

Design e desenvolvimento completo do website com galerias de fotografias avançadas, filtragem e formulários de pedido de informação em conformidade com o RGPD

Prazo

2 semanas do design ao lançamento em produção

O Problema

Desafio

A Auto Restelo, um prestigiado stand de automóveis de luxo com mais de 30 anos em Lisboa, precisava de uma presença digital à altura da exclusividade do seu inventário (Ferrari, Lamborghini, McLaren, Porsche e Bentley). A sua presença online não refletia a experiência premium que os clientes têm presencialmente e faltavam-lhe funcionalidades modernas como filtragem avançada, galerias de fotografias e otimização para dispositivos móveis. O desafio era criar um showroom digital sofisticado que transmitisse luxo, mantendo-se rápido, acessível e fácil de usar em todos os dispositivos, ao mesmo tempo que geria um inventário diversificado de 19 marcas de luxo diferentes.

A Nossa Abordagem

Solução

Desenhámos e desenvolvemos um website premium de tema escuro, com apontamentos dourados cuidadosamente escolhidos (oklch(0.72 0.10 85)) que evocam luxo sem serem ostensivos. O site tira partido de tecnologias de ponta (React 19, Vite 6 e Tailwind CSS v4) para um desempenho excecional e uma boa experiência de desenvolvimento. As funcionalidades principais incluem uma galeria de fotografias em ecrã inteiro com navegação por teclado e gestos táteis, filtragem por marca sincronizada com o URL para partilha simples, e páginas de veículo detalhadas com especificações completas, extras e observações num elegante layout de 3 colunas. Um carrossel infinito com os logótipos reais das marcas reforça a credibilidade, enquanto os formulários de pedido de informação em conformidade com o RGPD, com a informação do veículo pré-preenchida, simplificam o processo de conversão. O design responsivo mobile-first garante que a estética premium se traduz na perfeição em todos os tamanhos de ecrã, mantendo a sensação de luxo do desktop ao telemóvel.

O Que Está Incluído

Funcionalidades Principais

Design Responsivo
Galeria em Ecrã Inteiro
Filtragem por Marca
Especificações Avançadas
Formulários RGPD
Integração com Google Maps
Carrossel Infinito
Tema Escuro
Desempenho

Resultados

98/100
Desempenho Lighthouse
Desempenho excecional graças ao build otimizado do Vite e às imagens com carregamento diferido
0.8s
First Contentful Paint
Renderização inicial quase instantânea graças ao Vite 6 e ao CSS otimizado
100/100
Pontuação SEO
HTML semântico, meta tags e estrutura de navegação acessível
100%
Responsividade Mobile
Design totalmente responsivo, testado nos principais tamanhos de dispositivo
Tecnologia

Stack Tecnológica

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

Pronto para Iniciar o Seu Projeto?

Vamos falar sobre como podemos criar um website incrível à medida do seu negócio.

Auto Restelo — Stand de Automóveis de Luxo | Portfólio | low-key solutions