Cliente: RD Saúde (RaiaDrogasil)
Entregáveis: Fundações, Biblioteca Modular & + Dezenas de Templates
Traduzindo um novo posicionamento de marca em infraestrutura digital escalável.
Como estruturamos uma arquitetura modular em paralelo à entrega de alta velocidade para sustentar o rebranding digital do maior ecossistema de saúde do Brasil sem quebrar a consistência.
Escalar páginas em alta velocidade sem cair na armadilha do design artesanal.
A transição de marca de RaiaDrogasil para RD Saúde exigia que o novo portal corporativo refletisse um ecossistema de saúde integral. Mais do que uma mudança estética, o portal precisava acomodar múltiplas frentes críticas de negócio: Investidores, Sustentabilidade (ESG), Imprensa, Marcas Exclusivas e Carreiras.
O maior gargalo era operacional: a demanda por novas páginas e fluxos acontecia em ritmo acelerado e em paralelo. Não havia janela para meses de congelamento desenhando um Design System teórico antes de entregar as telas.
Decisões baseadas no gosto do momento, componentes duplicados, retrabalho a cada feedback de stakeholder e perda de unidade visual.
Extrair padrões em tempo real e transformar cada aprovação visual em infraestrutura reutilizável.
Traduzindo diretrizes de marca em regras digitais.
Manuais de marca tradicionais são pensados para peças estáticas, mas quebram quando submetidos à densidade de informação e responsividade da web. O primeiro passo técnico foi converter a nova identidade visual da RD Saúde em fundações parametrizadas.
bg-surface-brandsurface-accent-subtletext-primary-on-lightheading-display-xlEcossistema de SaúdeMobile 36px / 115%
heading-section-h2Relatórios e Governança ESGMobile 26px / 125%
body-editorial-lgLeitura confortável para artigos e manifestos.data-table-captionIndicadores trimestrais RI (tabular nums)
Construindo o avião em pleno voo: de telas isoladas para blocos de montar.
As primeiras páginas-chave serviram como laboratório visual. Assim que a direção de arte foi validada nas primeiras dobras, invertemos a lógica de produção: em vez de desenhar novas páginas do zero, de acordo com as demandas recorrentes, fiz um mapeamento rápido e criei uma pequena biblioteca de Seções e Componentes Modulares.
Com os módulos estabilizados, novas solicitações de páginas deixaram de ser um problema de criação do zero e passaram a ser um exercício de orquestração.
Um sistema que libera tempo para o refinamento visual.
Padronizar 80% da estrutura repetitiva permitiu dedicar energia criativa aos 20% que constroem percepção de marca: direção de fotografia, micro-interações de navegação e clareza na apresentação de dados corporativos.
Eficiência comprovada na esteira e maturidade de governança.
As últimas páginas do escopo foram montadas e aprovadas em uma fração do tempo das primeiras graças à reutilização direta de módulos parametrizados.
Dezenas de telas entregues em ritmo acelerado mantendo precisão tipográfica, de grid e de marca em todos os pontos de contato institucionais.
Arquivos organizados por fundações, componentes e templates modulares, eliminando ambiguidades na especificação visual para desenvolvimento.