Case de Site Institucional
Garage 910
Site institucional para oficina automotiva em Guarapari. Desenhei um fluxo claro de serviços, portfólio de trabalhos e contato direto no WhatsApp para o cliente local achar o que precisa sem rodeio.

Papel
UX/UI Designer & Desenvolvedor
Empresa
Garage 910 (cliente)
Ferramentas
Next.js, Tailwind CSS, Vercel, Cursor
Localização
Guarapari, Brasil
Duração
Projeto pontual
Introdução
A Garage 910, oficina de pintura e lanternagem em Guarapari, precisava de um site que transformasse de forma confiável busca local em conversas no WhatsApp. Um template lento ou genérico atrapalharia esse único resultado. Clientes locais chegam comparando oficinas, buscando prova de qualidade e decidindo se pedem orçamento. O site precisava tornar serviços, trabalhos reais e contato imediatos no celular, onde essa decisão acontece na maior parte das vezes.
Papel & Responsabilidades
- Mapeei a jornada do cliente da busca local ao pedido de orçamento.
- Desenhei seções de serviços, portfólio e confiança em torno desse caminho de conversão.
- Construí o front end responsivo em Next.js e publiquei na Vercel.
- Posicionei CTAs diretos de WhatsApp nos pontos naturais de decisão da página.
- Usei Cursor e IA para acelerar iteração de componentes sem perder consistência visual.
- Otimizei a experiência para navegação rápida e mobile first de clientes locais.
O Desafio
Negócios de serviço local perdem clientes no instante em que o site parece lento, vago ou igual a qualquer outra página de oficina. A Garage 910 precisava de especificidade: mostrar o trabalho, explicar os serviços e tornar o pedido de orçamento sem esforço. O prazo era de freela apertado, com pouca margem para uma segunda versão do fluxo principal. O desafio era entregar uma experiência de conversão focada que ainda parecesse cuidada o bastante para gerar confiança em lanternagem e pintura.
O Processo
Mapeei a jornada da chegada ao pedido de orçamento antes de desenhar seções, e estruturei a página em torno de serviços, exemplos reais de trabalho e um caminho persistente para o WhatsApp. A hierarquia visual privilegiou prova de qualidade em vez de texto institucional longo. A composição mobile veio primeiro porque busca local e indicação chegam sobretudo no celular. A iteração com apoio do Cursor ajudou a refinar componentes rápido mantendo espaçamento, tipografia e tratamento de CTA consistentes.
Personas
Fernanda, dona de carro após colisão
Mora em Guarapari, precisa de lanternagem e pintura em breve, e está comparando oficinas locais depois de um acidente ou dano em estacionamento.
Necessidades & Objetivos
Prova rápida de que a oficina faz um bom trabalho, serviços claros e um jeito fácil de pedir orçamento no WhatsApp.
Desafios
Ansiedade com qualidade e prazo, pouca paciência para site lento, e desconfiança de páginas genéricas sem trabalhos reais.
Eduardo, dono de veículo de trabalho
Mantém um ou mais veículos de trabalho e precisa de reparo local confiável sem troca longa de mensagens.
Necessidades & Objetivos
Cobertura clara de serviços, confiança na qualidade e agendamento rápido por um canal familiar como WhatsApp.
Desafios
Pressão de tempo, dúvida se a oficina atende o tipo de veículo e atrito se o contato estiver escondido ou pouco claro.
Resultados
O site foi publicado na Vercel como uma experiência rápida e mobile first construída em torno do fluxo de pedido de orçamento. A Garage 910 ganhou um canal direto e de baixo atrito entre tráfego de busca e conversas no WhatsApp. Interessados conseguem entender serviços e ver trabalhos reais antes de entrar em contato, o que reduz primeiras mensagens inseguras e fortalece a confiança local.
Principais Entregas
- Site institucional responsivo para oficina local
- Seções de serviços com escopo claro e indicação de próximo passo
- Estrutura de portfólio / vitrine de trabalhos realizados
- Fluxo direto de contato via WhatsApp em pontos-chave de decisão
- Sistema de layout responsivo mobile first
- Deploy em produção na Vercel
Minha Contribuição
Desenhei toda a jornada do cliente e a arquitetura de informação, e depois construí e publiquei o front end responsivo sozinho. Com Cursor e IA, iterei componentes rápido mantendo consistência visual entre as seções. A ownership cobriu tanto a estratégia de conversão (busca para WhatsApp) quanto o craft da interface que fez esse caminho parecer confiável para uma oficina local.
Aprendizados
- Para negócios de serviço local, o CTA de WhatsApp é o verdadeiro ponto de conversão. O resto da página deve conduzir até ele.
- Iteração com apoio de IA (Cursor) acelera de forma real os prazos de freela sem perder consistência visual.
- Exemplos reais de trabalho superam texto genérico de oficina quando a confiança é o gargalo.
- Composição mobile first não é opcional quando a busca local é o principal canal de aquisição.
Próximo Projeto
CT Michel Mendes