Projetos

Onboarding de clientes

O formulário que eu mando para quem contrata um site: o cliente responde e envia fotos por um link, no ritmo dele, e eu acompanho todo mundo num quadro.

  • No ar desde outubro de 2026, substituindo um Word e três pastas do Drive
  • 11 etapas, cada campo salvo sozinho; o link não expira e reabre na etapa onde a pessoa parou
  • Sem login para o cliente: um link único por projeto, com upload direto para o Storage
  • Banco fechado por RLS sem nenhuma política pública; todo acesso passa pelo servidor

Como era antes.

Todo site que eu faço começa com as mesmas perguntas: o que a pessoa vende, para quem, por quanto, o que prova que funciona. Eu mandava um Word para preencher e três pastas do Drive para a pessoa subir logo, fotos e prints.

O Word voltava pela metade, as fotos chegavam soltas pelo WhatsApp dias depois, e eu não tinha onde ver, de uma vez, quem já tinha respondido e o que ainda faltava de cada um.

O que mudou.

Eu crio o cliente, copio o link e mando. Ele abre no celular, sem cadastro, e responde em 11 etapas. Cada campo é salvo sozinho enquanto a pessoa digita; se fechar a aba, o link reabre na etapa onde parou, com tudo carregado. Quem ainda não tem as fotos finaliza o texto e volta dias depois no mesmo link, sem preencher nada de novo.

Do meu lado é um quadro: Link enviado, Em preenchimento, Respondido e Projeto iniciado. O cartão anda sozinho quando o cliente começa e quando finaliza, e mostra o que falta: texto, fotos, identidade visual. Na página do cliente ficam as respostas na ordem do formulário, os arquivos por categoria com download em zip e um botão que copia tudo em Markdown, pronto para virar a copy do site.

As perguntas moram em um único arquivo de configuração: mudar o questionário não mexe em nenhuma tela. O cliente nunca fala com o banco. Toda leitura e gravação passa pelo servidor, que confere o link, e os arquivos sobem por endereço assinado depois de checar tipo e tamanho.

Por dentro.

  • Primeira etapa do formulário, Serviço, com a lista das 11 etapas à esquerda e as respostas preenchidas
    O formulário que o cliente vê. A barra do topo e a lista ao lado mostram o que já foi respondido, e o aviso no canto diz quando salvou. Os clientes das telas são fictícios.
  • Etapa de identidade visual com a opção Tenho parcialmente marcada e um aviso logo abaixo
    Quem não tem logo ou cores definidas é avisado na hora de que isso se resolve, e o cartão dele ganha um selo no meu quadro. Eu fico sabendo antes de abrir o projeto.
  • Última etapa, Fotos, com a área de envio e as miniaturas das fotos já enviadas
    As fotos sobem direto para o Storage, com barra de progresso por arquivo. No celular a mesma área abre a câmera ou a galeria.
  • Tela final com o título Tudo certo e o botão Avisar o Winiston no WhatsApp
    Ao finalizar, um botão abre a conversa no WhatsApp com a mensagem pronta. Se as fotos ficaram para depois, a mensagem já diz isso.
  • Página de um cliente no painel, com as respostas por seção, anotações internas e as ações do link
    A página de cada cliente: respostas na ordem do formulário, anotações que só eu vejo e o botão que copia tudo em Markdown.
  • Arquivos do cliente agrupados em Fotos e Identidade visual, com miniaturas e botão de baixar tudo
    Os arquivos chegam separados por categoria, no lugar das três pastas do Drive. Cada um baixa sozinho ou a categoria inteira vem em um zip.

Quer saber como essa parte foi feita?