Design System – Rebranding Lucree
Quando fui desafiado a transformar o manual de marca em um Design System funcional e escalável, garantindo alinhamento entre a nova identidade e todos os produtos digitais da empresa.
Contexto
Em 2022, ao ingressar na Lucree como único designer UX/UI, encontrei a empresa em pleno processo de rebranding liderado pela equipe de marketing. O novo manual de marca já apresentava diretrizes de identidade visual — cores, tipografia, ícones e outros elementos — mas ainda não havia uma tradução consistente para o ambiente digital.
Desafio
-
Unificar a identidade visual em todos os canais digitais (WEB e Mobile).
-
Traduzir um manual de marca impresso para um guia digital aplicável.
-
Criar bibliotecas reutilizáveis para acelerar o desenvolvimento front-end.
-
Manter o projeto em sigilo até o lançamento oficial.
-
Gerenciar prazos para coincidir com a data de lançamento definida.
Processo
1. Alinhamento inicial
-
Estudei profundamente o novo manual de marca.
-
Reuniões com marketing para entender tom, ritmo e intenção da nova identidade.
-
Testes rápidos com colaboradores para captar percepções iniciais.
2. Definição de cores
-
Comparativo entre paleta antiga e a nova.
-
Adaptação para padrões digitais (contraste, acessibilidade e consistência).
-
Validação das cores principais e secundárias com marketing.
Único guia de cores que existia da paleta de cores anterior, tive que elaborar um novo guia com base na nova marca do zero.
Nova Paleta de cores
3. Tipografia
-
Escolha da nova fonte conforme diretrizes do rebranding.
-
Criação de tabela tipográfica com tamanhos, pesos (bold, italic) e aplicações.
-
Testes de legibilidade em diferentes dispositivos.
3. Tipografia
-
Escolha da nova fonte conforme diretrizes do rebranding.
-
Criação de tabela tipográfica com tamanhos, pesos (bold, italic) e aplicações.
-
Testes de legibilidade em diferentes dispositivos.
Guia Tipográfico que existia anterior.
Novo Guia tipográfico
4. Iconografia
-
Revisão do novo set de ícones. (não existia uma anterior)
-
Definição de regras de uso por categoria e função.
-
Validação com marketing para garantir coerência visual.
5. Biblioteca de elementos
-
Redesenho de componentes herdados da identidade anterior.
-
Criação de novos elementos: botões, modais, cabeçalhos, rodapés, efeitos (sombras, espaçamentos etc.).
-
Documentação detalhada para uso no front-end.
Menus e tabelas
Formulários
Botões
Alertas e notificações
Modais
Rodapé e Cabeçalho
6. Implementação
-
Trabalho em conjunto com a equipe de front-end para aplicação gradual.
-
Controle rigoroso do rollout para manter o sigilo.
-
Revisões constantes até a entrega final.
App
Antes
Pós
Portal
Antes
Pós
Resultado
-
Tempo total: 8 semanas de desenvolvimento do Design System + 6 semanas de implementação em paralelo com o front-end.
-
Entrega alinhada com a data oficial do lançamento do rebranding.
-
Adoção interna: aumento da consistência visual e padronização entre equipes.
-
Engajamento: spoilers estratégicos geraram expectativa entre colaboradores e clientes.
Impacto
O Design System se tornou base para todos os produtos digitais da Lucree, garantindo velocidade no desenvolvimento, consistência visual e melhor experiência para usuários finais.
Experiência prévia
Não foi minha primeira experiência criando um Design System. No ISE Business School, atuei como pioneiro UX, onde dei meus primeiros passos nesse tipo de projeto, experiência que contribuiu diretamente para o sucesso na Lucree.