TL;DR
Um ecossistema de design escalável para unificar a experiência digital e acelerar o ciclo de desenvolvimento
O AWDS nasceu da necessidade de unificar a interface de múltiplos produtos internos da Athié Wohnrath. Arquitetei um sistema de design robusto com mais de 240 componentes, focado em reduzir o débito técnico e garantir um handoff otimizado entre design e engenharia.
Timeline
Setembro - Nov 2026
Função
Lead Designer
Time
1 lead, 1 dev
Ferramentas
Figma, React, Storybook, Azure
Problema
Produtos isolados gerando experiências inconsistentes e retrabalho na engenharia.
Antes do AWDS, cada novo projeto na Athié (como o AW Control ou o Banco de Edifícios) era iniciado do zero. Isso resultava em:
INCONSISTÊNCIA VISUAL
Diferentes estilos de botões, inputs e grids em plataformas que deveriam fazer parte de um único ecossistema.
GARGALO NO HANDOFF
Desenvolvedores perdiam tempo tentando interpretar especificações visuais inconsistentes.
CURVA DE APRENDIZADO
Usuários finais precisavam reaprender padrões de navegação a cada novo produto interno lançado.
Solução
Desconstruindo interfaces para construir uma biblioteca de componentes inteligente
Minha abordagem foi além do visual; foquei na lógica de construção e na documentação técnica.
Handoff e Documentação (Storybook/Azure)
Estabelecimento de um processo de handoff impecável entre design e engenharia, utilizando documentação técnica detalhada. O alinhamento rigoroso reduziu em 40% o tempo de QA visual, garantindo que a implementação em produção reflita 100% da visão de design.
Tokens e Variáveis
Implementação de uma arquitetura de Design Tokens para gerenciar cores, tipografia e espaçamento de forma semântica. Essa estrutura garante a consistência visual absoluta entre plataformas distintas e facilita manutenções globais com zero débito técnico.
Biblioteca de Componentes Atômicos
Construção de uma biblioteca robusta com mais de 240 componentes fundamentados em Atomic Design. O uso de Auto-layout avançado e variantes integradas permitiu uma redução de 25% no ciclo de design e desenvolvimento de novos produtos internos.
Impactos
Transformando o Design System em uma vantagem competitiva operacional
O AWDS tornou-se a "fonte única da verdade" para todo o time de tecnologia.
VELOCIDADE
Redução de 25% no tempo de criação de novas features e telas.
QUALIDADE TÉCNICA
Redução de 40% no tempo de QA visual, eliminando erros comuns de implementação.
ESCALABILIDADE
Permitiu que o time lançasse 3 novos produtos internos em tempo recorde.