Skip to content
Matheus GhenoMatheus GhenoLead Product Designer
RésuméContact
Cases

Case 05 · Digisac

Design System and Redesign

How Nebula DS was built and what it changed, visually, across real Digisac screens and flows.

Request typeDesign System + redesign
GoalRaise the platform’s visual quality and prepare it for new flows and features.

01 · Nebula DS

First, the foundation: Nebula DS.

Digisac’s design system: components, tokens and themes, each one documented. The redesigns that follow are built with it.

90components. We always bring what is needed for the best usability, accessibility and the needs of the product or flow.
3,330variants, with states for every need of the product.
2themes, light mode and dark mode, to match every user’s preference.

Current numbers, measured in Storybook and Figma. They grow as Nebula DS evolves.

Every component is documented withUsageAnatomyVariantsTokensAccessibilityDo’s and Don’ts

02 · Kanban

Support Kanban: from the old look to Nebula.

The first full use case of Nebula DS. It was born with the old look and, after launch, went through a facelift.

Kanban was born as a new feature, still with the old look. As Nebula spread through the platform redesign, it became clear that a feature with this much visibility and adoption deserved the same treatment. The change was less about structure and more about standardization, visual improvement and making sure it could scale with the evolutions that followed.

Kanban with the old lookKanban with the Nebula DS look
See the full case

03 · Templates

Templates: the whole flow, with Nebula.

The flow was confusing and hard to configure, and it was difficult to tell where the problem was when creating or editing a template. On top of that, templates started to be approved by Meta, and that had to be shown on screen. It was the ideal project to combine the value of redoing the flow with applying the new look, which was already partly in the platform.

Create template modal, old lookFirst step of the new create flow

Before: a long modal with every field. After: a three-step page, Category, Setup and Content. Here, the first step.

More screens

More screens from Nebula DS, Kanban and Templates.

Nebula DS · Light and dark themes
Nebula DS · Light and dark themes
Nebula DS · Button variants
Nebula DS · Button variants
Kanban · New board
Kanban · New board
Kanban · Applied filters
Kanban · Applied filters
Templates · Create, content
Templates · Create, content
Templates · Empty state
Templates · Empty state

Results

What Nebula DS has already changed.

Numbers collected in October 2026, by PDs and devs. Nebula is always evolving, so these numbers change with it.

minus 17%
of rework on screens that use the DSCompared with screens without the DS.
+32%
in speed to design, validate and build a flow that uses the DSCompared with a flow without the DS.
more than 55%
of the platform already fully on the DSIn look, logic and screen structure.

Lesson

A design system proves its value when it changes what the team delivers. With Nebula applied, rework dropped 17% and new flows ship 32% faster.

Next case

Ricciardi app

A delivery app of its own for a traditional Curitiba brand.