A Dois Palitos Growth Lab é uma agência especializada em marketing digital, criação de landing pages e sites institucionais, sempre com foco em performance e crescimento.
Papel
Designer de Produto (UX/UI e Design System)
Tempo de Projeto
5 semanas (2025)
Ferramentas
Figma (Design, documentação e sistema)
Localização
Remoto
Trabalhando como designer na agência, percebi que os projetos tinham um problema recorrente: falta de consistência visual, retrabalho constante, decisões repetitivas e perda de tempo em tarefas básicas.
Cada novo projeto era praticamente um recomeço do zero.
Tudo isso sem nenhum design system, sem padrões e sem processos definidos.
Criar sozinho um Design System funcional e completo, sem apoio de um time de produto ou engenharia.
Fazer um inventário de tudo que era feito de forma manual e pouco escalável.
Estruturar um sistema que trouxesse consistência, velocidade e qualidade, alinhado à realidade da interna da agência.
O resultado desse desafio é o Bit System, um Design System construído 100% por mim, do zero.
Ele reúne todos os elementos necessários pra que qualquer projeto digital da agência seja construído com mais agilidade, menos retrabalho e muito mais consistência.
O que eu construí:
Foundations:
Cores, tipografia, espaçamentos, grids, tamanhos, bordas, sombras, tokens visuais e diretrizes de acessibilidade.
Componentes:
Botões, inputs, accordions, cards, headers, footers, FAQs, checkboxes, sections e outros elementos reutilizáveis.
Sections e Layouts:
Blocos prontos pra construção de páginas, já organizados em versões para desktop, tablet e mobile, respeitando grids e espaçamentos.
Branding:
Logos, variações e guidelines básicos de uso.
Acessibilidade:
Testes de contraste, validação de tamanhos mínimos, hierarquia visual e boas práticas baseadas nas diretrizes WCAG.
Governança e Documentação:
Todo o processo de criação, manutenção e atualização do Bit System ficou centralizado comigo, incluindo decisões estratégicas, limitações e regras de uso.
A tipografia do Bit System foi escolhida para refletir a identidade visual da Dois Palitos, mantendo equilíbrio entre personalidade, legibilidade e hierarquia. O sistema combina uma fonte monoespaçada que traz um tom digital e contemporâneo, a VT323, com uma fonte de apoio pensada para textos longos e interfaces funcionais, a inconsolata.
Foram definidos tamanhos, pesos e line heights que garantem clareza tanto em desktop quanto em mobile, sempre priorizando a acessibilidade e a consistência visual.
A paleta de cores do Bit System foi criada para expressar uma identidade vibrante, moderna e com forte presença digital. O sistema é composto por cores de marca, cores neutras e cores funcionais (alerta, sucesso, erro), todas organizadas em tons e hierarquias que facilitam a aplicação no design.
Cada cor foi testada em critérios de contraste e acessibilidade, garantindo que, mesmo com a estética ousada, a interface permaneça clara, legível e funcional.
Os componentes são os blocos de construção que tornam possível criar interfaces rápidas, escaláveis e consistentes. Todos foram desenvolvidos pensando na modularidade e na reutilização, além de manter alinhamento com as boas práticas de design responsivo e acessível.
O Bit System inclui botões, caixas de conteúdo, accordions, checkboxes, campos de formulário, headers, footers e diversos outros elementos, todos com variantes e estados (default, hover, desabilitado) bem definidos.
O Bit System inclui também a documentação dos logotipos da Dois Palitos, com suas versões principais e alternativas. Isso garante que a aplicação da marca siga sempre padrões corretos de proporção, espaçamento, variações de fundo e formatos.
Essa organização permite manter a integridade visual da marca em qualquer contexto digital, desde sites até materiais institucionais.
Redução drástica no tempo de desenvolvimento de páginas.
Muito mais consistência visual, alinhamento de grids, espaçamentos, cores e componentes.
O tempo médio de construção base de uma página caiu de aproximadamente 4 horas para menos de 10 minutos, algo impossível antes da criação do sistema.
O Bit System virou ferramental obrigatório em todos os projetos internos que desenvolvo dentro da agência.
Hoje, trabalhar sem ele é simplesmente inimaginável.
Fazer um Design System, sozinho, exige não só habilidade técnica, mas também disciplina, pensamento estratégico e foco no processo.
Consistência, qualidade e velocidade podem sim andar juntas, mesmo em uma operação pequena, sem um time de produto.
E talvez o maior aprendizado: nunca mais volto pra vida sem Design System.
O Bit System não é só um projeto.
É uma mudança de mentalidade sobre como design pode ser mais eficiente, organizado e estratégico, em qualquer contexto.
Senha: BitSystembyFlori
Têm algumas ideias e precisa de alguém para realizá-las?
