SPB Web App

Projeto

Auxiliar na atualização de um aplicativo da Web para gerenciamento de trabalho e equipes. O projeto já estava em desenvolvimento e havia passado por uma revisão da navegação e do fluxo da interface.

Mapeamento

A versão atual do aplicativo foi segmentada e documentada, servindo de base para os ajustes e a criação de novos fluxos de navegação.

Sistema de Design

Em cada ramo do fluxo de navegação, foram estudadas melhorias na apresentação dos dados em cada interface. A partir dessas observações e de pesquisas técnicas sobre interfaces, foi desenvolvida a base do novo sistema, que fundamentou as soluções para necessidades futuras.

Color palettes and typography variations.

Componentes

A biblioteca de componentes foi criada para aplicar o sistema de design de maneira uniforme à criação, manutenção e programação futura das telas.

Side menu and search popup components.

Prototipação

Com os componentes prontos, foram criados protótipos de alta fidelidade para análise das partes interessadas e alinhamento com a equipe de desenvolvimento.

Protótipos em versões escuras e claras.

Ferramentas

O FigJam e o Figma foram usados para documentar a navegação e os fluxos de prototipagem, respectivamente, juntamente com as bibliotecas de componentes e ícones do Bootstrap. O gerenciamento de tarefas foi feito com o Jira.