produto interno · operação · segurança · Bit System

Web Dev 2.0

Como substituí uma planilha pública por um sistema interno seguro, escalável e usado diariamente pelo time da Dois Palitos.

Floriano Silva

Publicado por

Floriano Silva

Resumo do projeto
Situação: A agência gerenciava credenciais, protocolos e dados operacionais de clientes em uma planilha pública. O fluxo era rápido para nascer, mas inseguro para escalar.
Tarefa: Transformar a planilha em um produto interno com autenticação, controle de acesso, histórico, organização por cliente e uma experiência que o time realmente usasse no dia a dia.
Ação: Mapeei os fluxos críticos, desenhei a estrutura do produto, implementei com PHP e MySQL, evoluí a interface para o Bit System v2.1.0 e conduzi iterações baseadas no uso real da equipe.
Resultado: O sistema entrou em produção em webdev.doispalitosmkt.com.br, passou a centralizar clientes ativos, protocolos, senhas internas, usuários e logs, com a equipe usando a ferramenta como fonte principal da operação.
29
clientes ativos no dashboard operacional
1.044
tarefas de protocolo monitoradas no sistema
v2.0
em produção com redesign e novas funções

Contexto

Uma operação crítica presa em uma planilha.

A Dois Palitos precisava consultar dados de hospedagem, acessos, protocolos, senhas internas e histórico de clientes todos os dias. A solução existente era uma planilha compartilhada, fácil de editar, mas frágil do ponto de vista de segurança, rastreabilidade e experiência.

O problema não era só técnico. A planilha exigia memória, paciência e contexto que não estavam na interface. Cada busca dependia de saber onde procurar, qual aba abrir e como interpretar o que estava preenchido.

Diagnóstico

O que precisava sair da planilha

Segurança

Credenciais e dados de clientes precisavam sair de um link público e entrar em um ambiente autenticado.

Encontrabilidade

O time precisava localizar cliente, acesso e protocolo em segundos, sem depender de rolagem e memória.

Visibilidade

Protocolos, pendências e clientes ativos precisavam virar indicadores claros para gestão diária.

Objetivo

Como criar um produto interno seguro e simples o suficiente para ser adotado pelo time inteiro, sem virar mais uma ferramenta que ninguém usa?

4 princípios de produto

  • Segurança sem fricção. Autenticação e perfis eram obrigatórios, mas o fluxo precisava continuar rápido.

  • Contexto antes de edição. Cada cliente precisava ter sua própria página com dados, notas, protocolos e histórico.

  • Operação acima de estética. O design precisava ser denso, escaneável e feito para uso repetido.

  • Iteração sem cerimônia. O sistema precisava aceitar melhorias pequenas, rápidas e seguras depois do lançamento.

Solução

De planilha pública para sistema operacional.

A primeira versão substituiu o risco central: dados expostos sem autenticação. As iterações seguintes transformaram o sistema em uma ferramenta de operação, com módulos para clientes, protocolos, senhas internas, usuários, logs, campos extras e notas inline.

Credenciais completas

Cada rede social passou a guardar perfil, login e senha individual, com cadastro rápido direto na página do cliente.

Campos extras

Campos customizáveis por cliente, com tipo texto, senha mascarada ou URL, usando CRUD completo via AJAX.

Notas inline

A seção de notas deixou de exigir redirecionamento. O usuário edita, salva e continua no mesmo contexto.

Protocolos vivos

Protocolos com status, progresso, ordenação por ativos e celebração ao concluir 100% das tarefas de um cliente.

Tela sanitizada do módulo de senhas internas do Web Dev Tela sanitizada do módulo de usuários do Web Dev Tela sanitizada do log de atividades do Web Dev

Design System

Bit System aplicado à operação.

A v2.1.0 abandonou o visual glow anterior e aproximou o sistema da identidade oficial da Dois Palitos: preto profundo, cards sólidos, neon e fuchsia como acentos, sombras pixel hard e botões sem arredondamento.

Background
#100F0F

Cards
#221F20

Neon
#00FFD1

Fuchsia
#FF00FF

Decisões de produto

O que mudou na prática

Decisão 01 · Dashboard

Ativos primeiro, ruído depois

O dashboard passou a destacar clientes ativos, protocolos concluídos, pendências e usuários em atividade. Total e inativos viraram informação secundária.

Dashboard sanitizado do sistema Web Dev com indicadores operacionais

Decisão 02 · Clientes

Detalhe do cliente como centro da operação

A página do cliente concentrou credenciais, redes sociais, campos extras, notas inline e botão de voltar contextual, reduzindo dependência do navegador e da memória do time.

Lista sanitizada de clientes ativos no sistema Web Dev

Decisão 03 · Protocolos

Status operacional em tempo real

A tela de protocolos passou a ordenar clientes ativos primeiro, mostrar progresso e permitir atualização de status sem transformar a rotina em tarefa administrativa pesada.

Tela sanitizada de protocolos por cliente no sistema Web Dev

Decisão 04 · Infraestrutura

Produção mais previsível

A migração para webdev.doispalitosmkt.com.br veio com banco dedicado, ambiente local espelhado e deploy seletivo via SSH preservando o config.php de produção.

Local PHP + MySQL
Deploy PowerShell + PSCP
Produção Hostinger + banco dedicado

Resultado

Sistema interno em produção e em uso real

100% do time usando o sistema como fonte principal da operação
v2.0 redesign visual e funcionalidades novas já em produção
0 dependência da antiga planilha pública para o fluxo principal
Registro da versão anterior do sistema, antes das iterações visuais e funcionais mais recentes

Aprendizados

O que este projeto prova

Consigo transformar risco operacional em produto utilizável. O valor não estava só em esconder a planilha, mas em criar uma rotina melhor para quem depende daqueles dados.

Produto interno precisa ser denso e claro ao mesmo tempo. A interface não podia parecer landing page. Ela precisava ser uma ferramenta de trabalho.

Iteração é parte do produto, não manutenção menor. Redes sociais, campos extras, notas inline e confete de conclusão nasceram depois do uso real.

Como atuei no projeto

Papel

Digital Product Builder

Skills

UX Operacional Arquitetura de informação Implementação com IA

Ferramentas

PHP MySQL AJAX Hostinger Bit System v2.1.0

Métodos

Discovery Arquitetura de informação Interface Deploy

Do problema ao produto, na mesma conversa

Se você precisa transformar uma ideia, um site ou uma operação confusa em uma solução digital pronta para rodar, vamos conversar.