Portefólio
Projeto conceptual2026

Ponteiro

Oficina automóvel e diagnóstico

AutomóvelServiçosEmpresas
Paleta
Explorar projeto
ponteiro-auto.pt
Ponteiro

Pré-visualização do conceito · estilo: Painel à noite · carvão e vermelho brasa

01

Visão geral

Categoria

AutomóvelServiçosEmpresas

Setor

Oficina automóvel e diagnóstico

Tipo

Projeto conceptual

Complexidade

Médio

Ano

2026

Estilo visual

Painel à noite · carvão e vermelho brasa

02

O desafio & a solução

01

O desafio

Projeto de website para uma oficina automóvel que vive do diagnóstico: luzes acesas no painel, avarias elétricas difíceis de encontrar, baterias de híbridos e elétricos, e também a manutenção de todos os dias. A identidade parte do painel de um carro à noite: fundo carvão, letra larga e pesada nos títulos, uma letra de máquina para rótulos e horários, e um único vermelho, o da zona vermelha do conta-rotações. O logótipo é um quarto de mostrador num quadrado, com a escala a branco e o ponteiro a vermelho a subir para a zona vermelha.

02

O que fizemos

No topo, ao lado de uma fotografia da oficina, um conta-rotações desenhado à mão acelera até à zona vermelha e volta ao ralenti quando a página abre. Por baixo, três quadros resumem o orçamento dado antes de começar, o horário com o "aberto agora" calculado na hora de Portugal e a morada. Os serviços estão em quatro áreas (diagnóstico e eletrónica, mecânica geral, híbridos e elétricos, serviços especializados): no computador, a fotografia ao lado muda com a área em que se passa o rato ou o foco do teclado. Segue-se uma secção clara com a forma de trabalhar, a oficina por dentro numa galeria que abre cada fotografia em grande numa janela, com setas e teclado, as opiniões de clientes, os assuntos para começar um pedido, perguntas frequentes e os contactos, com um mapa desenhado pelo próprio site. Há ainda páginas próprias para os serviços e para a oficina.

03

O resultado

O pedido de orçamento tem quatro passos: o serviço, o carro e o que se passa, quando e como falamos, e a confirmação. As perguntas mudam consoante o assunto: num diagnóstico pergunta que luzes estão acesas e se o carro anda; numa frota pergunta pela empresa e pelo número de viaturas. Cada passo é validado e, no fim, a mensagem aparece escrita à vista e segue por WhatsApp, ou copia-se para colar no Instagram; nada é guardado nem passa por servidor. No telemóvel fica sempre à mão uma barra com Ligar, WhatsApp e Orçamento. Sem preços, sem cookies e sem conteúdos de terceiros: as letras, as fotografias e o mapa são servidos pelo próprio site.

Em destaque

Oficina automóvel
Setor
4 passos → WhatsApp
Orçamento
Diagnóstico
Especialidade
03

Funcionalidades

  • Conta-rotações animado ao abrir a página
  • Orçamento em 4 passos → mensagem de WhatsApp
  • Perguntas que mudam com o assunto (luzes, frota)
  • Serviços em quatro áreas, com a fotografia a mudar
  • Galeria da oficina com janela, setas e teclado
  • Barra fixa Ligar · WhatsApp · Orçamento no telemóvel
04

Design responsivo

Pensado para funcionar bem em qualquer ecrã — do computador ao telemóvel.

ponteiro-auto.pt
Ponteiro — computador
Ponteiro — telemóvel
05

Tecnologia & função

Tecnologia

Next.js 16TypeScriptTailwind

O que fiz

  • Design
  • Identidade
  • Frontend
06

Objetivo do conceito

Demonstrar como Ponteiro poderia ganhar vida — oficina automóvel e diagnóstico — com uma identidade painel à noite · carvão e vermelho brasa, do design ao desenvolvimento e sem recorrer a templates.

Continue a explorar

Escolha outro projeto

WhatsAppPedir orçamento