A FCJ Venture Builder gerencia um ecossistema de alta velocidade. O crescimento acelerado da holding gerou um efeito colateral na operação de marketing: sem diretrizes, a criação de landing pages por múltiplos designers resultava em layouts sem padronização visual e com baixa qualidade estética. Isso gerava atrito no negócio, incluindo feedbacks negativos de parceiros que questionavam a autenticidade das páginas oficiais.
O objetivo do projeto foi construir um ecossistema unificado de componentes no Figma voltado para a esteira de marketing digital. O maior desafio foi garantir o design de uma biblioteca funcional, escalável e de rápida implementação para o time de marketing e design. Foco: Design Ops, UI Kit Responsivo, Padronização Técnica e Governança Visual
Resumo do Processo
Para estruturar a biblioteca de forma ágil, o processo foi focado em inventário visual, mapeamento de restrições e entrega tática:
Inventário de Interface: Mapeei as páginas ativas da holding e identifiquei 12 variações de azul, 8 estilos de botões e falhas graves de contraste (WCAG). Esse diagnóstico visual foi o argumento usado para alinhar o escopo diretamente com o Head de Marketing.
Mapeamento de Restrições (Elementor): O design não foi inflado com propriedades complexas de CSS. Cada componente criado no Figma (botões, campos de formulário e cards) foi simplificado para espelhar exatamente os parâmetros nativos do Elementor, garantindo que o time de marketing pudesse replicar os blocos sem necessidade de código customizado.
Padronização e Handoff: Estruturei os estilos globais de cor e tipografia no Figma e criei as variantes essenciais dos componentes. A entrega foi feita diretamente para os designers e webmasters através de um manual de uso prático, focando na autonomia do time para a criação das próximas páginas de captura.
Como designer encarregado de resolver o gargalo de padronização na holding, atuei diretamente no diagnóstico, na arquitetura e na governança da nova biblioteca:
Auditoria e Alinhamento: Conduzi o inventário visual das páginas da FCJ e entrevistei o time de marketing e design para mapear os gargalos do processo que geravam o desalinhamento estético.
Construção da Biblioteca: Desenhei a estrutura de estilos globais e componentes (cores, tipografia, botões e formulários) no Figma, simplificando as variantes para que espelhassem exatamente os parâmetros nativos do Elementor.
Handoff e Treinamento: Entreguei a documentação técnica para a equipe de marketing digital e webmasters, e conduzi treinamentos internos para garantir a autonomia do time na montagem das próximas landing pages diretamente no WordPress.
A solução consistiu na estruturação da primeira biblioteca centralizada no Figma para a holding da FCJ. Para acelerar a velocidade de entrega e garantir que as diretrizes fossem absorvidas por um time sem processos de governança, concentrei o projeto em três frentes de execução:
Auditoria de Interface: Cataloguei as inconsistências das páginas ativas da holding. Usei esse inventário visual como argumento de negócio definitivo para alinhar a urgência e o escopo da padronização diretamente com o Head de Marketing.
Componentização: Desenhei os estilos globais de cor, tipografia e os componentes essenciais (botões, campos e formulários) de forma enxuta. As variantes no Figma foram simplificadas para espelhar rigorosamente os parâmetros nativos do Elementor, permitindo que a equipe de marketing digital e os webmasters replicassem os blocos no WordPress sem depender de código customizado.
Documentação e Autonomia: Substituí as burocracias tradicionais de sistemas de design por um guia de uso prático combinado com um treinamento tático para o time interno. O foco foi descentralizar a operação com responsabilidade, capacitando a equipe na base para eliminar as páginas fora do padrão.
Eficiência na Esteira de Marketing: Redução estimada de 60% no tempo de montagem e publicação de novas páginas de captura. O time de marketing e os web designers passaram a utilizar blocos pré-configurados no Elementor, eliminando o retrabalho de ajustes manuais de layout.
Consistência e Reputação de Marca: Alinhamento estético imediato dos canais institucionais, mitigando as dúvidas e reclamações de parceiros sobre a legitimidade e oficialidade das páginas da holding.
O Maior Aprendizado: Em ambientes com processos descentralizados e sem governança ativa, o valor do design não está na complexidade do arquivo do Figma, mas na simplicidade da entrega. Entendi que a melhor solução para aquele cenário de baixa maturidade foi blindar a parte técnica espelhando o Elementor e focar no treinamento básico do time para garantir que a biblioteca continuasse sendo usada após a minha saída.
Design System
Este guia foi desenvolvido para ser um recurso vivo e prático, especialmente para o desenvolvimento em WordPress, permitindo que a visão de design se traduzisse fielmente em produtos digitais funcionais e de alta performance.
