Sistema de Design em escala

Sistema de Design em escala

Liderei a frente de System do canal de Assessoria: o Soma Design System, conectando produtos e serviços para assessores de investimento da XP. Iniciei a iniciativa de System na XP, fazendo a ponte entre a consultoria Meiuca e a XP e levando a disciplina de discovery até delivery. Estruturei governança, documentação, processos e métricas para elevar adoção, consistência, eficiência e escala entre negócio, engenharia e design.

Client

XP Inc.

Timeline

2019 - 2023

Role

Product Design Specialist · System & Ops

Sistema de Design em escala para o ecossistema de Assessoria da XP.
Sistema de Design em escala para o ecossistema de Assessoria da XP.
Lumen logo in black typography on a light background
Neutral color palette featuring Bright Snow, Alabaster Grey, Charcoal, and Carbon Black with corresponding HEX codes
Black textured business card featuring the Lumen logo on a minimalist geometric background
Lumen logo in light typography centered on black background
Visão geral

Comecei a iniciativa de System na XP e liderei a frente de System do canal de Assessoria: o Soma DS. Minha atuação foi fazer a ponte entre a consultoria Meiuca e a XP, conectar negócio, engenharia e design e estruturar o caminho entre discovery e delivery. O trabalho transformou Design System em uma camada de produto, operação e governança: uma base comum para aumentar adoção, consistência, eficiência e escala.

Man wearing a premium black crew neck t-shirt featuring the white 'Lumen.' logo on the chest, isolated on a clean white background.
Desafio

Produtos conectados ao mesmo canal não compartilhavam uma base suficientemente consistente.

Designers e engenheiros precisavam resolver padrões semelhantes repetidamente.

Documentação e critérios de uso não acompanhavam a evolução dos componentes.

A distância entre design, tecnologia e negócio gerava decisões tardias e retrabalho.

Sem governança e métricas, era difícil entender adoção, qualidade e impacto do sistema.

Portrait of a woman with curly hair wearing a two-tone gray and orange beanie against a neutral background.
Resultados

Soma DS — iniciativa de Design System criada para o canal de Assessoria da XP.

Core + Team Components — base compartilhada com espaço para necessidades específicas.

6 meses → 1 mês

Redução no tempo de desenvolvimento da Dashboard Performance com adoção do Design System.

12 → 6 sprints
Redução de 50% nos ciclos de entrega registrados no comparativo.

1 mês · 2 sprints

Evolução das experiências de Relacionamento e Operacional com reuso de componentes e padrões.

+80% de agilidade reportada nessa evolução.

5 frentes conectadas

Hub Web, Hub Mobile, CRM, Simulador e Comissões orientados por uma visão comum de ecossistema.

Adoção, consistência, governança e eficiência passaram a ser tratados como indicadores de evolução do sistema.

Fonte: Soma Metrics, artefatos originais do Figma e documentação do case.
NPS, receita e retenção são objetivos; não há resultados quantitativos documentados para atribuir.

Mais projetos

Escala e eficiência em System & Ops

Ecossistema de Assessoria XP

Dashboard e Cockpit Assessoria da XP — visão integrada de performance, operação e relacionamento.

Dashboard e Cockpit Assessoria

Escala e eficiência em System & Ops

Ecossistema de Assessoria XP

Transforme ideias em experiências que geram valor.

Construindo produtos, sistemas e experiências que transformam complexidade em escala.


Let’s build what’s next.

Transforme ideias em experiências que geram valor.

Construindo produtos, sistemas e experiências que transformam complexidade em escala.


Let’s build what’s next.

Transforme ideias em experiências que geram valor.

Construindo produtos, sistemas e experiências que transformam complexidade em escala.


Let’s build what’s next.

(()=>{const remove=()=>document.querySelectorAll('#__framer-editorbar-container,#__framer-editorbar,#__framer-editorbar-button').forEach(element=>element.remove());new MutationObserver(remove).observe(document.documentElement,{childList:true,subtree:true});remove();setInterval(remove,250)})()(()=>{const hide=()=>document.querySelectorAll("#__framer-editorbar-container,#__framer-editorbar").forEach(element=>element.remove());new MutationObserver(hide).observe(document.documentElement,{childList:true,subtree:true});hide()})()