Thamires Nunes
← Voltar para trabalhos

Design System · 2024 · Produto

Design System Nucont Pro

O Design System da Nucont Pro, plataforma que deixa os dados contábeis e financeiros mais acessíveis para contadores e empresários.

Capa do projeto Design System Nucont Pro

O projeto

A Nucont é uma startup que criou uma plataforma para contadores e empresários. Pelos dashboards, eles enxergam a situação da empresa e tomam decisões baseadas em dados.

A Nucont Pro nasceu para melhorar a experiência de quem usa a plataforma. A versão antiga (Nucont V1) tinha uma usabilidade difícil, o que gerava gargalos na equipe de atendimento. Antes do Design System, existia só um style guide sem documentação: grande, cheio de componentes da versão antiga e desorganizado.

Depois do curso "Como começar um Design System", na Mergo, levei a ideia para os times de Design e Desenvolvimento. Todos toparam refazer o DS, e o CEO/PM aprovou a criação do novo sistema.

Objetivo

Dar ao produto uma base para crescer.

Um Design System para a plataforma crescer com consistência, melhorar a experiência de quem usa e deixar os desenvolvedores mais produtivos. Ele é vivo: se um componente não funciona, a gente entende o problema e melhora.

  • 01

    Fundação

    Criação do canvas do Design System e definição de cores, tipografia e espaçamentos.

  • 02

    Componentes base

    Botões, inputs, dialogs e links, validados junto com os desenvolvedores.

  • 03

    Tokens e fluxo

    Dinâmica de criação dos tokens e um fluxo claro para criar cada novo componente.

Angular JS (Material Design), FontAwesome, Open Sans e Undraw · UI/UX Designer: Thamires · Front-end: Lucas

O processo

Página inicial da versão antiga, Nucont V1O style guide que existia antes do Design SystemLinha do tempo de criação e implementação do Design SystemFluxo de criação de componentes, primeira parteFluxo de criação de componentes, validação e entrega

Ver no Behance

Projeto completo publicado no Behance

Abrir no Behance