Work
About
Contact
Design System multimarcas
A CVC Corp é um dos maiores grupos de viagens da América Latina, com atuação no Brasil, Argentina e Estados Unidos. Em 2021, iniciou uma transformação digital abrangente, da qual o Design System se tornou uma peça-chave.
Como Product Designer, criei e monitorei o Design System Chuí. Minhas responsabilidades variavam desde o estabelecimento das bases do design e o desenvolvimento de componentes até a formulação de diretrizes de design abrangentes e tokens de design. Além disso, trabalhei em colaboração com a equipe de UX e Desenvolvimento, garantindo uma experiência de usuário perfeita e consistente em todas as plataformas.
Planejamento
Antes de iniciar a fase de projeto, elaboramos um plano conciso e estabelecemos um cronograma estimado. Isso ajudou a alta administração a visualizar a priorização de recursos e a definir expectativas em relação às etapas subsequentes e ao resultado final previsto dentro de um prazo específico.
Imersão
Em parceria com os times de UX, Tech, Produto e Marketing, realizamos um mapeamento inicial, onde definimos o core e o backlog de entregas.
Estrutura do
Design System
Seguindo os princípios do atomic design, nossa biblioteca inicia com componentes em nível atômico, seguidos por moléculas, organismos e assim por diante.
Para estabelecer um sistema visual escalável e consistente para o desenvolvimento de interfaces de usuário, bem como gerenciar os atributos de design visual de forma sistemática, colaboramos com desenvolvedores para criarmos os design tokens.
Bibliotecas de componentes
Lançamos duas bibliotecas separadas para componentes Web e Mobile, independentes entre si. Isso ofereceu aos designers uma série de benefícios, proporcionando um tamanho de arquivo menor, uma estrutura clara de bibliotecas para focar nas necessidades, rastreamento mais fácil de análises de dados e um painel de variantes otimizado.
Incorporamos critérios de acessibilidade na documentação do Figma para cada componente, aumentando a conscientização sobre o design de experiências acessíveis com diretrizes claras de contraste de cores adequado, controles de teclado, leitores de tela e estados de foco.
Construção dos componentes e temas
100+
Components
4
Branding Themes
Ecossistema
Disponibilizamos para os designers no Figma as bibliotecas de componentes, estilos e assets para construção de telas, no Zeroheight a documentação de construção e instruções de aplicações e boas práticas, no Storybook, o repositório dos componentes disponíveis para os desenvolvedores e Slack como canal oficial de comunicação.
Métricas e resultados
72%
CSAT de Design e Desenvolvimento
4%
Aplicações migradas
Próximos passos
Definir novas metas de cobertura do produto
Implementar métricas de produtividade
Lançar processos de governança e colaboração
Outros cases
Atrupe
Plataforma para gestão de gráficas
Tbdc
Agenda para o agronegócio
© 2025 Marcos Alves
Design System multimarcas
A CVC Corp é um dos maiores grupos de viagens da América Latina, com atuação no Brasil, Argentina e Estados Unidos. Em 2021, iniciou uma transformação digital abrangente, da qual o Design System se tornou uma peça-chave.
Como Product Designer, criei e monitorei o Design System Chuí. Minhas responsabilidades variavam desde o estabelecimento das bases do design e o desenvolvimento de componentes até a formulação de diretrizes de design abrangentes e tokens de design. Além disso, trabalhei em colaboração com a equipe de UX e Desenvolvimento, garantindo uma experiência de usuário perfeita e consistente em todas as plataformas.
Planejamento
Antes de iniciar a fase de projeto, elaboramos um plano conciso e estabelecemos um cronograma estimado. Isso ajudou a alta administração a visualizar a priorização de recursos e a definir expectativas em relação às etapas subsequentes e ao resultado final previsto dentro de um prazo específico.
Imersão
Em parceria com os times de UX, Tech, Produto e Marketing, realizamos um mapeamento inicial, onde definimos o core e o backlog de entregas.
Estrutura do
Design System
Seguindo os princípios do atomic design, nossa biblioteca inicia com componentes em nível atômico, seguidos por moléculas, organismos e assim por diante.
Para estabelecer um sistema visual escalável e consistente para o desenvolvimento de interfaces de usuário, bem como gerenciar os atributos de design visual de forma sistemática, colaboramos com desenvolvedores para criarmos os design tokens.
Bibliotecas de componentes
Lançamos duas bibliotecas separadas para componentes Web e Mobile, independentes entre si. Isso ofereceu aos designers uma série de benefícios, proporcionando um tamanho de arquivo menor, uma estrutura clara de bibliotecas para focar nas necessidades, rastreamento mais fácil de análises de dados e um painel de variantes otimizado.
Incorporamos critérios de acessibilidade na documentação do Figma para cada componente, aumentando a conscientização sobre o design de experiências acessíveis com diretrizes claras de contraste de cores adequado, controles de teclado, leitores de tela e estados de foco.
Construção dos componentes e temas
100+
Components
4
Branding Themes
Ecossistema
Disponibilizamos para os designers no Figma as bibliotecas de componentes, estilos e assets para construção de telas, no Zeroheight a documentação de construção e instruções de aplicações e boas práticas, no Storybook, o repositório dos componentes disponíveis para os desenvolvedores e Slack como canal oficial de comunicação.
Métricas e resultados
72%
CSAT de Design e Desenvolvimento
4%
Aplicações migradas
Próximos passos
Definir novas metas de cobertura do produto
Implementar métricas de produtividade
Lançar processos de governança e colaboração
Outros cases
Atrupe
Plataforma para gestão de gráficas
Tbdc
Agenda para o agronegócio
© 2025 Marcos Alves
Design System multimarcas
A CVC Corp é um dos maiores grupos de viagens da América Latina, com atuação no Brasil, Argentina e Estados Unidos. Em 2021, iniciou uma transformação digital abrangente, da qual o Design System se tornou uma peça-chave.
Como Product Designer, criei e monitorei o Design System Chuí. Minhas responsabilidades variavam desde o estabelecimento das bases do design e o desenvolvimento de componentes até a formulação de diretrizes de design abrangentes e tokens de design. Além disso, trabalhei em colaboração com a equipe de UX e Desenvolvimento, garantindo uma experiência de usuário perfeita e consistente em todas as plataformas.
Planejamento
Antes de iniciar a fase de projeto, elaboramos um plano conciso e estabelecemos um cronograma estimado. Isso ajudou a alta administração a visualizar a priorização de recursos e a definir expectativas em relação às etapas subsequentes e ao resultado final previsto dentro de um prazo específico.
Imersão
Em parceria com os times de UX, Tech, Produto e Marketing, realizamos um mapeamento inicial, onde definimos o core e o backlog de entregas.
Estrutura do
Design System
Seguindo os princípios do atomic design, nossa biblioteca inicia com componentes em nível atômico, seguidos por moléculas, organismos e assim por diante.
Para estabelecer um sistema visual escalável e consistente para o desenvolvimento de interfaces de usuário, bem como gerenciar os atributos de design visual de forma sistemática, colaboramos com desenvolvedores para criarmos os design tokens.
Bibliotecas de componentes
Lançamos duas bibliotecas separadas para componentes Web e Mobile, independentes entre si. Isso ofereceu aos designers uma série de benefícios, proporcionando um tamanho de arquivo menor, uma estrutura clara de bibliotecas para focar nas necessidades, rastreamento mais fácil de análises de dados e um painel de variantes otimizado.
Incorporamos critérios de acessibilidade na documentação do Figma para cada componente, aumentando a conscientização sobre o design de experiências acessíveis com diretrizes claras de contraste de cores adequado, controles de teclado, leitores de tela e estados de foco.
Construção dos componentes e temas
100+
Components
4
Branding Themes
Ecossistema
Disponibilizamos para os designers no Figma as bibliotecas de componentes, estilos e assets para construção de telas, no Zeroheight a documentação de construção e instruções de aplicações e boas práticas, no Storybook, o repositório dos componentes disponíveis para os desenvolvedores e Slack como canal oficial de comunicação.
Métricas e resultados
72%
CSAT de Design e Desenvolvimento
4%
Aplicações migradas
Próximos passos
Definir novas metas de cobertura do produto
Implementar métricas de produtividade
Lançar processos de governança e colaboração
Outros cases
Atrupe
Plataforma para gestão de gráficas
Tbdc
Agenda para o agronegócio
© 2025 Marcos Alves