Hideky

Sistemas construídos a partir do problema, não do briefing.

Oito aplicações web em dezoito meses: um painel que acompanha uma operação de campo em tempo real, duas lojas B2B, um ERP que integra cinco setores, uma roteirização de frota e três jogos de feira. Antes disso, oito anos desenhando peça para Mercado Livre, Nestlé, Toyota e Samsung.

Aplicações web construídas
8
Meses de construção
18
Maior base de usuários
~800
Anos de design gráfico
8

Dois dias antes da primeira tela.

Antes da primeira linha de qualquer coisa existe um período que não aparece no resultado. Entender como o processo funciona hoje, quem depende de quem, onde a informação se perde, qual planilha está sendo editada por três pessoas ao mesmo tempo enquanto o evento acontece. Costuma levar uns dois dias.

Depois vem a parte que decide tudo: transformar isso em estrutura. Pastas, documentos, regras, restrições, referências, o vocabulário que a empresa usa de verdade. É esse material que a IA lê antes de construir qualquer coisa.

A IA constrói. Ela não descobre qual é o problema.

No ERP da Promosapiens esse levantamento foi feito com cinco setores, um por vez. Na roteirização, com peso, volume, restrição de veículo e rodízio municipal, variáveis que vêm de formação técnica em logística e não de suposição sobre como um caminhão funciona.

Método

Entrar no problema.

Organizar o que está solto.

Dirigir a ferramenta.

Construir até funcionar.

Depois refinar pelo uso.

Cloudy Mountains, Fang Congyi, c. 1360–70
Cloudy Mountains, Fang Congyi, c. 1360–70 The Met · Domínio público

O que foi construído

Roteirização que explica a própria escolha

Promosapiens / logística interna

A frota tem seis veículos e três motoristas, e até então nenhum controle formal. O sistema recebe as paradas do dia e monta planos completos com o que a operação de fato tem: carga, peso, volume, restrição de cada veículo, rodízio municipal de São Paulo, custo e os conflitos entre esses itens.

Depois compara os planos, recomenda um e escreve o motivo. Quando o mais barato não é o recomendado, isso aparece com todas as letras, e o plano mais barato continua clicável. A escolha final é de quem despacha.

Veículos
6
Motoristas
3
Planos comparados
3 por operação
Status
Protótipo

Protótipo. Nunca foi liberado para a equipe: nenhuma entrega passou por ele e nenhum usuário entrou. Os custos na tela são parâmetros de teste, não cotação de frete. Peso, volume e rodízio vêm de formação técnica em logística, não de suposição sobre o que um caminhão carrega.

Tela de comparação mostrando três planos de rota lado a lado, cada um com custo, estratégia e conflitos.

O comparador. Três planos, a recomendação e o motivo de ela não ser simplesmente a mais barata.

Dashboard de operações listando as operações de campo ativas, com status e agenda.

Central de operações. Tudo que está rodando agora, numa tela só.

Tela do motorista mostrando a rota atribuída e a sequência de paradas.

Tela do motorista. O mesmo plano, reduzido ao que o motorista precisa.

As unidades móveis, antes de existirem

Mercado Livre / prévia comercial

Três unidades móveis de recrutamento, cada uma cobrindo um raio de 100 km. O painel responde as duas perguntas que apareciam sempre: onde a frota está e se ela consegue estar em outro lugar numa data específica.

Escolhe-se a cidade e a data, e o sistema diz qual unidade atende. Como era prévia comercial, o modelo de operação precisava ficar crível na tela antes de existir um único veículo na rua.

Unidades
3
Cobertura
100 km cada
Telas
4
Dados
Ilustrativos

Nada disso existia quando o mapa foi construído. Os dados na tela são ilustrativos, feitos para explicar o modelo, não para operar.

Mapa escuro do Sudeste do Brasil com três unidades móveis e seus raios de cobertura.

Mapa da frota. Raio de cobertura desenhado por unidade, sobre o mapa real.

Grade de disponibilidade mostrando quatorze dias de agenda por unidade móvel.

Disponibilidade. Quatorze dias por unidade, para uma pergunta de data se resolver num olhar só.

Duas lojas B2B

Syngenta / Nidera e NK

Os pedidos chegavam soltos por WhatsApp e e-mail, sem padrão e sem rastreio. No lugar disso, duas lojas internas com a marca do cliente, uma para a Nidera e outra para a NK, cada uma com catálogo e público próprios.

Cerca de 800 pessoas passaram a pedir pelo mesmo caminho e cerca de 300 pedidos foram entregues no período. Da primeira conversa à entrega final, cerca de três meses.

Usuários
~800
Pedidos
~300
Até a entrega
~3 meses
Lojas
2

Descontinuado, e não pelo software. Com o pedido organizado, passou a chegar mais volume do que a operação conseguia entregar. O gargalo saiu do pedido e foi para a entrega.

Padronização de ordens de serviço

Mercado Livre

Os pedidos de job chegavam por e-mail e por WhatsApp e viravam uma planilha compartilhada, editada por várias pessoas ao mesmo tempo, com os eventos acontecendo. Daí saíam retrabalho, cancelamento que não era computado e faturamento parado por falta de visão do que já tinha sido executado.

O sistema deu formato à entrada e passou a registrar cada mudança: cerca de 20 jobs por mês, cerca de 40 pessoas entre cliente e equipe interna, cerca de um mês de construção.

Volume
~20 por mês
Usuários
~40
Construído em
~1 mês
Status
Piloto

Piloto em rollout. A equipe ainda está se adaptando e a versão final não entrou em produção, então não existe número de ganho para colocar aqui.

ERP interno integrado

Promosapiens

Atendimento, orçamento, produção, criação e financeiro num sistema só, no lugar da pilha de Trello, Conta Azul e planilhas. Os requisitos vieram dos cinco setores, levantados um por vez, com cada área explicando o próprio processo em vez do que o organograma diz que ela faz.

A tela de orçamento é onde está o trabalho: custo por fornecedor, margem, honorários e imposto, calculados linha a linha, para que o número que o cliente vê e o número que a empresa guarda nunca se descolem.

Setores
5
Usuários previstos
~30
Construção
Uma pessoa
Status
Em desenvolvimento

Cerca de um mês de construção até aqui, sem data definida para entrar em produção. A parte difícil nunca foram as telas: foi segurar cinco setores como um sistema só, em vez de cinco ferramentas isoladas. As telas desta página rodam com dados fictícios.

Dashboard do ERP mostrando aprovações pendentes, pedidos parados e o funil de compras por status.

O painel. O que está esperando por você, o que está parado e quanto dinheiro está em cada etapa.

Tela de orçamento mostrando custo, margem, honorários e imposto por linha de cada item da proposta.

Tela de orçamento. Custo, margem, honorários e imposto por linha, com a cotação do fornecedor anexada em cada uma.

Três jogos de marca para feira

Epson, Midea e Mercado Livre

Um quiz da Epson em tablet, um jogo da memória da Midea em tablet e em TV touch, e um Tetris do Mercado Livre num gabinete de fliperama com Raspberry Pi, na feira de engenharia da Poli-USP. Conceito, arte, código e deploy no mesmo par de mãos, cerca de três dias por jogo.

Epson
3 feiras
Midea
2 feiras
Construído em
~3 dias cada
Dados coletados
Nenhum

Nenhum dos três pede cadastro, e-mail ou qualquer outro dado: sem captação de lead, de propósito, porque o briefing era atrair público para o estande e um formulário no fim faz o contrário. Não houve contagem de jogadores, então a única métrica honesta aqui é a recontratação: a Epson repetiu em três feiras e a Midea em duas, ao longo de dois anos. A instalação física do gabinete foi feita por um técnico.

Tela de atração do quiz da Midea num totem touch em retrato, mostrando quatro produtos.
Tetris com a marca do Mercado Livre rodando em tela cheia no layout do gabinete de fliperama.

À esquerda: quiz da Midea, totem em retrato, quatro perguntas em menos de um minuto. À direita: Tetris do Mercado Livre, gabinete de fliperama, modo de atração jogando sozinho.

O caderno do meu pai, em software

Projeto pessoal

Meu pai rodava temporadas inteiras de futebol no papel, com dois dados e uma tabela feita à mão. O software refaz aquilo e dá espaço: 42 competições, da Série D à Copa do Mundo, com clubes e escudos reais.

Nenhum time é mais forte que o outro. Os dados decidem, exatamente como decidiam no papel. O que o software tira é a contabilidade manual. O que ele acrescenta é o mapa e a sala de troféus, que nunca couberam no caderno.

Competições
42
Clubes
156
Seleções
211
Escudos
642

Sem cliente e sem prazo. Aplicativo de desktop, sem framework, com os mapas desenhados à mão em SVG. A regra era não melhorar o jogo: tirar a contabilidade manual sem tirar a lógica que dava graça a ele.

Tela de mapa mostrando a América do Sul com o Brasil destacado e suas competições listadas.

O mapa. Escolha um continente, depois um país, depois uma liga.

Tela da sala de troféus exibindo os títulos conquistados nas competições.

Sala de troféus. Todos os títulos, por clube e por temporada.

Página do clube mostrando elenco, campanha da temporada e histórico.

Página do clube. Elenco, campanha e histórico num lugar só.

Oito anos de ofício gráfico

Cerca de dez peças por mês em quatro contas simultâneas, do post de rede social ao trem de metrô adesivado, passando por impresso de grande formato, estande e material de ativação. É de onde vêm as decisões de cor, de tipografia e de hierarquia que os sistemas herdam. Um ERP e um banner de oito metros erram pelo mesmo motivo quando a hierarquia está errada.

Marcas atendidas

Como o trabalho acontece

Antes de construir

Pesquisa do processo que já existe, conversa com quem opera, levantamento de requisito área por área, arquitetura da informação, definição de restrição. É a etapa em que o problema para de ser uma reclamação e vira uma especificação.

Construção

Claude Code como ferramenta principal, com contexto, regras e referências preparados antes de qualquer pedido. Desenvolvimento web assistido por IA, validação de tudo que o agente devolve, deploy incluindo quiosque em Raspberry Pi.

Depois da primeira versão

A primeira versão serve para descobrir o que a conversa não revelou. Daí em diante: botão que funciona mas não comunica o estado, transição que atrapalha, latência, hierarquia errada, atrito que só aparece com a coisa em uso. É a etapa mais longa e a mais divertida.

Idiomas

Português

Nativo

Inglês

B2

Documentação técnica, especificação e e-mail profissional, tudo sem tradutor. Ao vivo, a conversa ainda é mais lenta: projeto tocado por escrito funciona bem, reunião longa em inglês funciona menos, e é melhor ler isso aqui do que descobrir na primeira call.

Espanhol

Básico

Ferramentas

Design

  • Photoshop
  • Illustrator
  • Figma

Build

  • Claude Code
  • TypeScript
  • React
  • Vite
  • Next.js
  • Electron
  • Tailwind
  • Leaflet
  • PHP
  • Python
  • PostgreSQL
  • Supabase
  • Raspberry Pi

A IA aqui é ferramenta, na mesma categoria do Photoshop: muito potente e completamente dependente de quem opera. O código sai de um agente. A arquitetura, as restrições e o critério do que entra e do que volta são humanos. Nenhuma tela deste site entrou porque saiu boa na primeira tentativa.

Comece pelo problema.

O melhor começo é uma frase do tipo “temos este problema e precisamos de uma solução”. Briefing aberto para fazer algo bonito rende bem menos do que um processo emperrado, uma planilha que ninguém aguenta mais ou uma operação que só funciona porque alguém decora as exceções. Trabalho por projeto, remoto, direto com quem tem o problema.

  • Trabalho por projeto
  • Remoto, UTC-3