FRAMEWORK
Next.js 16 (App Router) + React 19 + TypeScript estrito. Vercel para deploy contínuo com preview URL por push.
Como construímos
O case Chave é onde o método MXMO fica mais visível: software house cobra R$ 84.400 em 60 dias para concepção sem código. A MXMO entrega o produto navegável em 5 dias úteis, em uma fração do tempo.
Chave · Marketplace premium · 2025
O cliente
40-50 carros/mês com 80% de conversion rate. Ticket médio alto: Porsche, Range Rover, BMW M3, Cayenne, Audi Q8. Operação tracionada, mas presa em rede informal de 5 indicadores recebendo R$ 1.000 fixo por carro indicado.
Crescimento bloqueado por três problemas estruturais simultâneos: falta de canal escalável para captação de carros premium, compliance trabalhista da rede informal (risco fiscal e trabalhista), processo de venda discreta para vendedor premium que não quer expor um Porsche na OLX.
A hipótese
Indicador, vendedor premium e backoffice em produto único. MEI assistido, PIX rastreável e LGPD desde o desenho, sem matar a velocidade da operação atual.
Validar UX antes de queimar engenharia. Mock data tipado em TypeScript, sem backend. Decisões de produto na mão antes de qualquer API integrada.
O entregável · 7 dias úteis · pré-contrato
Indicador · PWA mobile
Onboarding com KYC + MEI assistido. Captura guiada de carro em 60s. Timeline de status do lead. Comissão PIX rastreável. Ranking + referral viral.
Vendedor · web + WhatsApp
Convite formal identificado. Landing personalizada por carro. Avaliação preliminar com IA. Proposta sem visitas ou exposição pública.
Backoffice · desktop
Inbox priorizado por margem × probabilidade. Avaliação assistida com preço sugerido. Gerador de propostas. Pipeline kanban. Dashboard analytics.
Stack técnico
FRAMEWORK
Next.js 16 (App Router) + React 19 + TypeScript estrito. Vercel para deploy contínuo com preview URL por push.
STYLING
Tailwind CSS v4 + componentes próprios. Sem UI kit pronto. Identidade visual derivada do deck de proposta.
MOTION
Framer Motion 12 para microinterações que separam 'produto real' de 'protótipo'. Eases custom.
STATE
Zustand para estado client-side compartilhado entre jornadas. Lead capturado pelo indicador aparece no inbox do comprador em tempo real.
DATA
Mock data tipado em TypeScript, sem backend. Validar UX antes de queimar engenharia. Porsche 911, Range Velar, BMW M3 com preços reais.
WORKFLOW
Claude Code orquestrado por skills customizadas: writing-plans, brainstorming, frontend-design, verification-before-completion. Padrão MXMO.
O diferencial
Opt-in LGPD do vendedor, MEI obrigatório do indicador, PIX rastreável aparecem no fluxo porque são valor entregue, não detalhe jurídico escondido em PDF.
Cliente abre o protótipo no celular dele e se vê usando. Não vê wireframe. Não vê demo genérico. Vê o produto que vai existir, com dados que parecem dele.
Projeto inteiro construído com Claude Code orquestrado por skills customizadas. Padrão MXMO de execução, usando MXMO method para construir o próprio pré-contrato.
Próxima fase · pós-assinatura
PIX via Pagar.me. WhatsApp Business API. Claude API multimodal para avaliação visual de carros. KYC via Idwall. MEI assistido. Backend Supabase.
Aviso editorial: o produto Chave ainda não está em operação consolidada. Apresentado como case de método e velocidade pré-contrato, não como case de produto em operação. O mockup está deployado em Vercel, em validação com cliente para evolução ao produto real.