PortfólioClienteAutomotivo
Drive Labs Auto CareMecânico móvel · Cary & Raleigh, NC (EUA)Ver o site no ar ↗

A recepção inteira de um mecânico de uma van só, funcionando enquanto ele está embaixo do carro.

Um site que mostra os preços antes de você ligar, um motor de agendamento que cobra um sinal antes de a van sair, e um telefone que é atendido às duas da manhã. Construído para um mecânico certificado que trabalha de dentro da van e não pode parar para atender.

US$ 50de sinal cobrado antes de cada visita agendadaMedidoStripe Checkout, confirmado por webhook.
24htelefone atendido, emergências encaminhadas ao donoMedidoNo ar no número publicado.
20 minde reserva do horário enquanto o cliente paga, depois liberadoMedidoMotor de disponibilidade, sem overbooking.
US$ 0/mêsem software de agendamentoMedidoConstrução própria na hospedagem dele e na conta Stripe dele.
O site no ar
drivelabs.vercel.app
Drive Labs Auto Care homepage: 'Your driveway is the service bay', the phone number, Book online, and the live next-opening slot.
O hero, como foi construído · role para controlar

A parte do site que as pessoas lembram.

Um render 3D do carro, controlado pelo seu scroll. Cinco serviços se acendem em sequência, cada um nomeado no tempo certo. No computador, role e ele acompanha. No celular, não custa nada até você tocar em play.

Hero da Drive Labs: um sedã escuro iluminado em vermelho, de frente.

Cary & Raleigh mobile mechanic

Drive Labs

Your driveway is the service bay.

3.8 MB
a sequência de desktop, baixada só quando esta seção se aproxima
Medido
72 KB
o que um celular baixa: um loop ambiente, nada mais
Medido
2.7 MB
a sequência completa no celular, só ao tocar
Medido
0
eventos de scroll interceptados; a página rola nativamente em tudo
Medido
O sistema

O que entra, o que cuida, o que sai.

ENTRA
  • Ligação, a qualquer hora
  • Visita ao site
  • Chat do site
Recepção da Drive Labs
recepção de IA · agendamento · sinal
SAI
  • Serviço no Google Calendar dele
  • Sinal de US$ 50 no Stripe dele
  • Emergência encaminhada ao Chris
  • Lista de serviços no celular
Roda emO número de telefone que ele já tinhaGoogle CalendarStripe (conta dele)Hospedagem gratuita, domínio próprio
O que encontramos

Chris é um mecânico certificado que vai até o cliente: garagens, estacionamentos de escritório, acostamento. Não há oficina nem balcão, o que significa que também não há ninguém no balcão. Cada serviço que ele agenda, ele mesmo agenda, entre um serviço e outro, com as mãos sujas de graxa.

Antes disso, o negócio rodava em mensagens de texto e numa agenda na cabeça dele. Um cliente perguntava se terça-feira servia, ele respondia quando conseguia, e a essa altura alguns já tinham ligado para outro. O sinal era cobrado na mão, quando era, então uma falta custava a viagem e o horário.

Ele também tinha o problema da maioria dos autônomos: o telefone toca enquanto o trabalho está acontecendo, e uma ligação perdida de um motorista parado na estrada é um serviço que vai para quem atender em seguida.

Onde vazava

Os problemas, na ordem em que custam dinheiro.

01

O telefone

As ligações chegavam enquanto ele estava embaixo de um carro. Emergências, os serviços de maior valor, são também os clientes menos pacientes.

02

O agendamento

Cada agendamento era uma conversa por mensagem. A disponibilidade vivia na cabeça dele, então o cliente tinha que esperar ele conferir.

03

A falta

Sem sinal, sem compromisso. Uma visita cancelada custava a ida e o horário que ele poderia ter vendido.

04

A pergunta de preço

Metade das ligações era gente perguntando quanto custa uma troca de óleo ou um serviço de freio antes de decidir agendar.

O que construímos

Um sistema, nas ferramentas que o negócio já usa.

01

Um hero cinematográfico controlado pelo scroll

Um render 3D do carro, controlado pelo scroll do visitante: óleo, freios, bateria, diagnóstico e pneus se acendem em sequência, cada um com o serviço nomeado no tempo certo. É a parte que as pessoas comentam. Está nesta página, ao vivo, acima.

02

Um site com os preços na cara

Serviços e preços visíveis antes de qualquer ligação: troca de óleo, freios, diagnóstico, bateria, valor da hora, valor fora do horário. O telefone e o botão de agendar aparecem no celular sem rolar, e o hero mostra o próximo horário real, direto da agenda.

03

Um motor de agendamento, sem fornecedor

O cliente escolhe os serviços, e o site oferece horários reais dimensionados para o serviço mais o deslocamento. O horário fica reservado por vinte minutos enquanto ele paga, é confirmado no momento em que o sinal entra, e liberado se não entrar. Serviços confirmados vão direto para o Google Calendar dele.

04

Um sinal antes de a van sair

Um sinal de US$ 50 pelo Stripe trava o horário. Até a conta Stripe dele ser conectada, os agendamentos continuavam confirmando e o sinal era cobrado na mão, então o sistema nunca bloqueou um serviço.

05

Pagamentos configurados pelo próprio dono

Ele conecta as próprias chaves do Stripe numa página de configuração dentro do admin: três passos ilustrados, chaves verificadas no Stripe antes de salvar, guardadas criptografadas. Sem desenvolvedor, sem novo deploy, sem software mensal.

06

Uma recepção de IA que sabe que é uma oficina móvel

Telefone atendido 24 horas. O agente faz as duas perguntas que importam para um mecânico móvel, se o carro liga e onde ele está, agenda o serviço de rotina e encaminha emergências direto para o Chris.

07

Uma lista de serviços no celular dele

Uma página de admin que ele salva nos favoritos: serviços de hoje, o que está pago, o que está reservado. Login uma vez por aparelho, nada sensível na URL.

Antes e depois

Os mesmos momentos, antes e depois do sistema.

Uma ligação enquanto ele está num serviço
AntesCaixa postal, ou retorno horas depois.
AgoraAtendida no primeiro toque, agendada ou encaminhada a ele se for urgente.
Agendar uma visita
AntesUma conversa por mensagem e uma agenda na cabeça.
AgoraHorários reais no site, dimensionados para o serviço, reservados enquanto o cliente paga.
Uma visita cancelada
AntesA ida e o horário, ambos perdidos.
AgoraUm sinal de US$ 50 trava o horário antes de a van sair.
Receber pagamentos
AntesDinheiro, Venmo, o que o cliente tivesse.
AgoraA própria conta Stripe dele, conectada por ele numa página de configuração.
“Quanto custa um serviço de freio?”
AntesUma ligação para descobrir.
AgoraNo site, antes de qualquer ligação.
O que aprendemos

O hero cinematográfico estava certo. A primeira versão para celular não estava.

A sequência controlada pelo scroll acima é a parte que as pessoas comentam, e é o motivo de o site de um mecânico móvel parecer uma marca. A primeira versão entregou a mesma coisa em todos os aparelhos: um celular baixava 4,2 megabytes antes de responder ao toque, e o scroll era sequestrado para avançar capítulo por capítulo, então um motorista parado na estrada precisava de seis gestos para chegar ao telefone.

A solução não foi tirar a ideia. Foi entregá-la corretamente: no computador o vídeo só baixa quando a seção se aproxima e o próprio scroll do visitante o controla, sem nada interceptado. No celular nada pesado baixa; há um loop ambiente de 70 quilobytes, e a sequência completa só toca quando alguém toca em play. Quem pediu movimento reduzido ao aparelho recebe uma imagem parada. Essa é a versão nesta página, e é a regra para todo efeito que entregamos: o básico primeiro, o telefone sempre ao alcance, o cinema por cima.

Próxima fase

Combinado, ainda não entregue. Está aqui para a página nunca prometer mais do que está no ar.

01

Orçamentos a partir do agendamento

Transformar um serviço agendado num orçamento por escrito que o cliente aprova antes da visita.

02

O pedido de avaliação

Uma mensagem depois do serviço, no momento em que as pessoas estão mais satisfeitas, com o link das avaliações no Google.

03

O contato mensal

Um e-mail curto para clientes antigos no intervalo de manutenção, para a segunda troca de óleo voltar para ele.

Como funciona um projeto

Três etapas. A primeira é grátis, e você pode parar depois de qualquer uma.

  1. 01Grátis · relatório em até uma semana

    A conversa, e o seu relatório

    Nada a pagar, nada a assinar.

    • Uma conversa sobre o seu negócio
    • Um relatório por escrito, que fica com você
    • Nenhuma obrigação de seguir adiante
  2. 02A partir de US$ 1.000 · normalmente 4–6 semanas

    Aprofundar, e construir

    Só se o relatório mostrou algo que vale a pena ter.

    • Uma análise séria da oportunidade que você escolheu
    • Um sistema funcionando, no ar, com os seus dados e as suas regras
  3. 03Incluído na sua construção

    Ele presta contas de si mesmo

    Incluído em tudo que construirmos para você.

    • Relatórios que mostram o que ele retornou
    • Nós por perto quando as coisas mudarem
As capacidades por trás

Quer isso no seu negócio?

Uma conversa, depois um relatório por escrito: onde o seu negócio perde dinheiro, quanto vale cada vazamento e o que seria preciso para fechá-lo. Seu, de qualquer forma.