SYZ, o Design System da Wiz

Somos Wiz
Somos Wiz
Published in
3 min readFeb 6, 2020

--

Oie, tudo bem por aí?

Meu nome é Suzi Sarmento e atualmente lidero o time de Design & Experiência da Wiz.

Nos últimos meses os times de Design, Produto e Tecnologia trabalharam muito para entregar a primeira versão do nosso Design System. Depois de muita pesquisa, alinhamento e prototipação, podemos comemorar o nascimento de um dos projetos mais importantes para o crescimento e evolução da Wiz.

Mas antes de tudo, você sabe o que é um Design System?

O Design System é uma ferramenta que torna o processo de design e tecnologia muito mais consistente e eficiente. É um guia que reúne o resultado do trabalho do time de designers e desenvolvedores e tem como principal objetivo, oferecer escalabilidade para o desenvolvimento de produtos digitais.

Esse objetivo foi o que nos motivou a investir na construção do Design System.

Sobre os benefícios de um Design System

O SYZ vai ajudar o time de designers e desenvolvedores a investir menos tempo na execução de tarefas repetidas e mais tempo em atividades estratégicas para o negócio. Dá uma olhada nesse vídeo para você entender um pouco mais:

Além de eficiência e velocidade, teremos uma experiência mais consistente

A Wiz possui diversos produtos que entregam experiências para diferentes tipos de clientes, elas precisam ser consistentes e ter a cara da Wiz. Imagina a quantidade de componentes para atender a demanda cada um desses produtos? Com o SYZ isso será muito mais fácil de manter e evoluir. Outra funcionalidade importante do nosso Design System é a possibilidade de gerar componentes com diversas combinações, isso nos permite ter mais flexibilidade sem perder a essência das nossas diretrizes:

Fortalecimento da nossa marca

É importante para uma empresa com o ritmo da Wiz fornecer um ambiente de fácil acesso para diretrizes da marca, orientações sobre como devemos nos comunicar visualmente, e o tipo de experiência devemos oferecer. O SYZ é o lugar perfeito para propagar e garantir a aplicação adequada da identidade visual da companhia.

Mais colaboração e organização

O SYZ vai ajudar a manter o processo de trabalho mais organizado, será nossa biblioteca com componentes de interface e uma documentação sobre como tudo precisa ser desenvolvido, além de promover equilíbrio entre o processo de trabalho dos designers e desenvolvedores.

Essa primeira versão representa um momento marcante e estamos muito felizes em compartilhar o começo dessa jornada. O SYZ é um organismo vivo, será evoluído constantemente a cada sprint, sabemos que a nossa lista de melhorias é grande, mas vemos isso como um grande desafio pela frente.

Ainda vale ressaltar que, para a criação do SYZ, tivemos total apoio da nossa Diretora de Marketing e Tecnologia, Carla Nabarrete, a colaboração do time de Produto (Edinho Moreira — P.O e Lucas Dourado — S.M) e de Tecnologia (Lucas Mindêlo e Daniel Nogueira, nossos Gerentes de TI), sem eles o SYZ não estaria no ar.

O Thiago Honda, liderou todo o processo de catalogar os componente já existentes, estruturar padrões, refinar os elementos visuais e em parceira com o Hugo R. Front End Dev deram vida a esse projeto.

Esse time teve muito cuidado, empenho e merece reconhecimento!

Suzy Sarmento — Coordenadora de UX/UI

--

--