Adorie

1.

Analisando a plataforma atual

Quando entrei para a equipe, a plataforma ainda estava na fase de MVP, então sua UI era provisória e ainda não estava completamente desenvolvida.

Junto da equipe de UX/UI design, identifiquei os principais problemas da interface naquele momento, como o não alinhamento com a visão da marca e o não cumprimento de boas práticas de hierarquia e design visual.

‍

‍

2.

Desenvolvendo um Design system

Um dos principais problemas identificados na etapa anterior foi a falta de consistência dos componentes básicos e tokens de design da interface. Dessa forma, houve a necessidade de realizar um design system que pudesse garantir a coesão das telas e facilitar a realização de mudanças visuais. As interações dos componentes foram previstas e documentadas no arquivo do Figma junto do handoff para os desenvolvedores.

Durante esse processo, todos os elementos da interface foram repensados e reprojetados para representar melhor a marca e tornar a interface mais limpa e moderna.

‍

‍

3.

Reprojetando a interface

Com os átomos e moléculas do design system prontos, o próximo passo foi aplicá-los nas telas. Além disso, durante o processo de reformulação das telas antigas, foram adicionadas nelas novas funcionalidades essenciais para a plataforma, como uma seção de categorias para a tela de Início e um filtro para os produtos de uma loja.

‍

‍

4.

Adaptando para web

Finalmente, os componentes do aplicativo foram aptados para o acesso em computadores. Nesse quesito, o design system foi essencial para facilitar o processo de desenho de telas, garantir a consistência entre os dois ambientes e permitir a reutilização do código.