Telas do sistema interno Web Dev 2.0
Meu papel
Designer de experiências digitais, do discovery ao deploy
Status
v2.0 em produção, usada diariamente pelo time.

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.

Visão Geral

Time
Projeto interno da Dois Palitos, conduzido por mim de ponta a ponta, com iterações guiadas pelo uso real da equipe.
Métodos
Discovery, arquitetura de informação, design de interface e deploy.
Ferramentas
PHP, MySQL, AJAX, Hostinger e Bit System v2.1.0.
Principal resultado
29 clientes ativos e 1.044 tarefas de protocolo monitoradas no sistema, com 100% do time usando a ferramenta como fonte principal da operação.
Dashboard sanitizado do sistema Web Dev com indicadores operacionais
Dashboard operacional do sistema, com dados sanitizados

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.

1. O contexto e o problema

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.

2. O diagnóstico: o que precisava sair da planilha

Três necessidades definiram o escopo do produto:

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.

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?

Essa pergunta guiou quatro princípios de produto:

  1. Segurança sem fricção. Autenticação e perfis eram obrigatórios, mas o fluxo precisava continuar rápido.
  2. Contexto antes de edição. Cada cliente precisava ter sua própria página com dados, notas, protocolos e histórico.
  3. Operação acima de estética. O design precisava ser denso, escaneável e feito para uso repetido.
  4. Iteração sem cerimônia. O sistema precisava aceitar melhorias pequenas, rápidas e seguras depois do lançamento.

3. A 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.

4. 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.

#100F0F Background
#221F20 Cards
#00FFD1 Neon
#FF00FF Fuchsia

5. Decisões de produto: o que mudou na prática

Decisão 01 · Dashboard

Ativos primeiro, ruído depois

Dashboard sanitizado do sistema Web Dev com indicadores operacionais

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.

Decisão 02 · Clientes

Detalhe do cliente como centro da operação

Lista sanitizada de clientes ativos no sistema Web Dev

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.

Decisão 03 · Protocolos

Status operacional em tempo real

Tela sanitizada de protocolos por cliente no sistema Web Dev

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.

Decisão 04 · Infraestrutura

Produção mais previsível

PHP + MySQL Ambiente local espelhado da produção para desenvolver com segurança.
PowerShell + PSCP Deploy seletivo via SSH preservando o config.php de produção.
Hostinger Migração para webdev.doispalitosmkt.com.br com banco de dados dedicado.

6. Resultado: sistema interno em produção e em uso real

O sistema entrou em produção e passou a centralizar clientes ativos, protocolos, senhas internas, usuários e logs. A antiga planilha pública deixou de fazer parte do fluxo principal.

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

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.