SPB Web App

Work and team management application

2022

Project

Assist in updating the basis of a web application for managing work and teams. The project was already under development and had gone into navigation and interface flow review.

Mapping

The current version of the app has been segmented and documented, serving as a basis for the adjustments and creation of new navigation flows.

Design System

At each branch of the navigation flow, improvements in the presentation of data on each interface were studied. From these observations and from technical research on interfaces, the base of the new system was developed, which based the solutions for future needs.

Color palettes and typography variations.Color palettes and typography variations.

Components

The component library was created to apply the design system in a uniform way to the creation, maintenance and future programming of the screens.

Side menu and search popup components.Side menu and search popup components.

Prototyping

With the components ready, high-fidelity prototypes were created for the review of the stakeholders and alignment with the development team.

Prototypes in dark and light versions.Prototypes in dark and light versions.

Tools

FigJam and Figma were used for documenting navigation and prototyping flows, respectively, along with Bootstrap's component and icon libraries. Task management was done with Jira.