🇧🇷

pt

Product Design

|

2023 - 2024

Estruturaçāo da Área de Design em uma empresa em transformaçāo Digital

Atuei como Product Designer líder, onde criei um Design System do zero e defini a visão de médio prazo das telas do produto, abrangendo telas, componentes e padrões de interação. Essa base foi aplicada a um fluxo piloto de back-office, resultando em um sistema moderno, escalável e com uma direção clara para o futuro.

Design System

Liderança

UI

O processo

Construí o Design System, dei forma ao produto e defini uma visão de longo prazo para o comportamento e a evolução do sistema.

Construção do Design System

01

Criação do Design System a partir da identidade da marca e dos principais componentes do sistema legado.

Definindo a tela do sistema

02

Mapeamento de telas e comportamentos para criação e validação interna dos wireframes.

Dando forma ao produto

03

Aplicação dos componentes e desenho das telas em alta fidelidade a partir dos wireframes validados.

Entregas finais

Uma breve visão geral dos entregáveis de UI.

Como ponto de partida, traduzi a identidade visual do SESI nos componentes essenciais para iniciar o projeto. Com a evolução do trabalho, mapeei e desenvolvi novos componentes conforme novas demandas surgiam. Ao final, entreguei um Design System robusto, pronto para produção, que garante consistência e eficiência entre os times.

O resultado foi a entrega de um Design System robusto e pronto para produção, garantindo consistência visual, escalabilidade e eficiência na colaboração entre os times.

Os componentes foram construídos a partir de variáveis e organizados em uma estrutura simples e replicável, facilitando sua manutenção e adoção. Além disso, todo o sistema foi desenvolvido seguindo os requisitos de acessibilidade da WCAG, atendendo ao nível AA.

Com os wireframes dos principais fluxos dos produtos criados e validados com os stakeholders, dei continuidade no projeto aplicando o Design System nas telas.

Ao longo da criação das telas a necessidade de criar outros componentes mais específicos para determinados fluxos foram criados e atualizados para o DS.

by moskdesign