Pular para o conteúdo
Cases

Case 05 · Digisac

Design System e Redesign

Como o Nebula DS foi construído e o que ele mudou, visualmente, em telas e fluxos reais do Digisac.

Tipo de demandaDesign System + redesign
ObjetivoElevar a qualidade visual e preparar a plataforma para novos fluxos e funcionalidades.

01 · Nebula DS

Primeiro, a base: o Nebula DS.

O design system do Digisac: componentes, tokens e temas, cada um documentado. Os redesigns a seguir são montados com ele.

90componentes. Trazemos sempre o que é necessário para a melhor usabilidade, acessibilidade e necessidade do produto ou do fluxo.
3.330variantes, com estados para todas as necessidades do produto.
2temas, light mode e dark mode, para atender a preferência de cada usuário.

Números atuais, medidos no Storybook e no Figma. Crescem conforme o Nebula DS evolui.

Cada componente é documentado comUsoAnatomiaVariantesTokensAcessibilidadeDo’s e Don’ts

02 · Kanban

Kanban de atendimento: do visual antigo ao Nebula.

O primeiro caso de uso completo do Nebula DS. Nasceu com o visual antigo e, depois do lançamento, passou pelo facelift.

O Kanban nasceu como uma funcionalidade nova, ainda com o visual antigo. Com o avanço do Nebula no redesign da plataforma, ficou claro que uma funcionalidade com tanto destaque e adesão merecia o mesmo tratamento. A mudança foi menos de estrutura e mais de padronização, melhoria visual e garantia de escalabilidade para as evoluções seguintes.

Kanban com o visual antigoKanban com o visual do Nebula DS
Ver o case completo

03 · Templates

Templates: o fluxo inteiro com o Nebula.

O fluxo era confuso e difícil de configurar, e era complicado entender onde estava o problema ao criar ou editar um template. Além disso, os templates passaram a ser aprovados pela Meta, e isso precisava aparecer na tela. Foi o projeto ideal para unir a utilidade de refazer o fluxo com a de aplicar o visual novo, que já estava parcialmente presente na plataforma.

Modal de criação de template no visual antigoPrimeira etapa do novo fluxo de criação

Antes: um modal longo com todos os campos. Depois: uma página em três etapas, Categoria, Configurar e Conteúdo. Aqui, a primeira etapa.

Mais telas

Mais telas do Nebula DS, do Kanban e de Templates.

Nebula DS · Temas light e dark
Nebula DS · Temas light e dark
Nebula DS · Variantes do Button
Nebula DS · Variantes do Button
Kanban · Novo quadro
Kanban · Novo quadro
Kanban · Filtros aplicados
Kanban · Filtros aplicados
Templates · Criar, conteúdo
Templates · Criar, conteúdo
Templates · Estado vazio
Templates · Estado vazio

Resultados

O que o Nebula DS já mudou.

Números coletados em outubro de 2026, por PDs e devs. O Nebula está sempre em evolução, então eles mudam com ele.

menos 17%
de retrabalho nas telas que usam o DSEm comparação com telas sem o DS.
+32%
de velocidade para conceber, validar e desenvolver um fluxo com o DSEm comparação com um fluxo sem o DS.
mais de 55%
da plataforma já com o DS totalmente aplicadoNo visual, na lógica e na estrutura de tela.

Aprendizado

Um design system só prova seu valor quando muda o que o time entrega. Com o Nebula aplicado, o retrabalho caiu 17% e fluxos novos saem 32% mais rápidos.

Próximo case

App Ricciardi

App de delivery próprio para uma marca tradicional de Curitiba.