Do briefing à entrega

Um sistema que transforma a operação do estúdio em fluxo.

Do briefing à entrega

A Holofante começou com uma restrição prática: fazer um laboratório de R&D crescer sem contratar uma camada administrativa. As propostas, contratos, cobranças, aprovações e status de entrega ficavam espalhados entre conversas e ferramentas. Cada projeto novo criava mais trabalho de coordenação.[1]

Tela principal do app Holofante

A resposta foi tratar a operação como produto. O sistema conectou o ciclo quote-to-cash a um estado compartilhado de projeto, para que cliente e estúdio soubessem o que aconteceu, o que estava bloqueado e qual ação vinha a seguir.

DesignOps como infraestrutura

A primeira decisão foi construir um framework de componentes multiestado, em vez de telas específicas para cada projeto. A mesma interface podia representar um projeto pausado, uma ação do cliente, uma aprovação, um erro ou um fallback offline. Isso trouxe consistência aos oito marcos do projeto e reduziu o custo de criar novos fluxos.

A segunda decisão foi renderizar a interface a partir dos estados. Proposta, contrato, pagamento e entrega determinavam qual componente e qual ação apareciam. Um contrato assinado podia liberar a próxima etapa sem outra página ou atualização manual.

Tela do app Holofante com o histórico de um produto digital comprado pelo cliente.

Automação com fronteiras

O Notion virou fonte da verdade dos projetos, enquanto funções serverless em Node.js conectavam registros a pagamentos, assinaturas, notificações e visões para clientes. UUIDs e campos sensíveis criptografados mantinham valores fora de URLs públicas previsíveis.

Print do CRM do Notion atrelado à Holofante

O sistema foi construído dentro do ecossistema JavaScript existente e em paralelo ao atendimento de clientes. Essa restrição favoreceu automações pequenas e composáveis, em vez de uma reescrita completa da plataforma.

%%{init: {"flowchart": {"wrappingWidth": 400}}}%% flowchart TD subgraph Journey ["🔁 Ciclo do cliente"] lead["<span style='display: inline-block; width: 100%; text-align: center; white-space: nowrap'>🎯 Lead</span>"] discovery["<span style='display: inline-block; width: 100%; text-align: center; white-space: nowrap'>🔎 Diagnóstico</span>"] proposal["<span style='display: inline-block; width: 100%; text-align: center; white-space: nowrap'>📝 Proposta</span>"] contract["<span style='display: inline-block; width: 100%; text-align: center; white-space: nowrap'>📄 Contrato</span>"] payment["<span style='display: inline-block; width: 100%; text-align: center; white-space: nowrap'>💳 Pagamento</span>"] kickoff["<span style='display: inline-block; width: 100%; text-align: center; white-space: nowrap'>🚀 Kickoff</span>"] delivery["<span style='display: inline-block; width: 100%; text-align: center; white-space: nowrap'>📦 Entrega</span>"] approval["<span style='display: inline-block; width: 100%; text-align: center; white-space: nowrap'>✅ Aprovação</span>"] aftersales["<span style='display: inline-block; width: 100%; text-align: center; white-space: nowrap'>🤝 Pós-venda</span>"] lead --> discovery discovery --> proposal proposal -->|aceite| contract contract --> payment payment --> kickoff kickoff --> delivery delivery --> approval approval --> aftersales end subgraph Automations ["⚙️ Automações"] notion["<span style='display: inline-block; width: 100%; text-align: center; white-space: nowrap'>🗂️ Notion</span>"] functions["<span style='display: inline-block; width: 100%; text-align: center; white-space: nowrap'>🧩 Funções</span>"] signatures["<span style='display: inline-block; width: 100%; text-align: center; white-space: nowrap'>✍️ Assinar</span>"] billing["<span style='display: inline-block; width: 100%; text-align: center; white-space: nowrap'>💰 Cobrar</span>"] notifications["<span style='display: inline-block; width: 100%; text-align: center; white-space: nowrap'>🔔 Alertas</span>"] end proposal -.-> notion contract -.-> signatures payment -.-> billing delivery -.-> notion functions --> signatures functions --> billing functions --> notifications notion --> functions classDef automation fill:#eef2ff,stroke:#6366f1,stroke-width:1px; class notion,functions,signatures,billing,notifications automation;

Resultado

O Holofante aumentou o MRR em 340%, recuperou mais de dez horas por semana e suportou doze projetos simultâneos. O resultado não foi apenas administrar mais rápido: foi dar a um negócio de serviços um modelo operacional repetível, no qual design, engenharia e operação compartilham os mesmos estados.


  1. Projeto solo: Lio Schimanko foi a única pessoa envolvida e atuou como solo founder. ↩︎