Back

Grupo Salta · Design System

An education group of around 20 brands, each on Bootstrap with no cohesion. I brought one clear position to the table: design the system as a working tool, not merely as a visual simplification.

RoleDesign system (team)
ClientGrupo Salta · ~20 brands
SectorEducation
DeliverableShared system + components
A records screen built on the system: a left navigation menu, a data table of student records with per-row status, an in-page search field with a keyboard shortcut, and a Filtro control.
The system in use: a lateral menu, a data table, in-page search with a shortcut and filters — in place of ~20 misaligned Bootstrap themes.

The real problem

Grupo Salta brings together around 20 education brands. Each school lived on its own Bootstrap build, with no cohesion between them: inconsistent patterns, fragmented visual systems, no shared foundation. It wasn't ugly by accident — it was the result of twenty teams solving the same problems separately, twenty times over.

The legacy student screen before the system: a yellow-header portal with a dense three-column layout and inconsistent, ad-hoc UI.
The legacy product, before the system — dense, inconsistent, every school its own patchwork.

My position

A design system can be treated as a clean-up — pull everything together, make it consistent, done. I argued for something else: designing the system as a working tool. The test shouldn't only be “is it prettier and more uniform?” but “does this make the people using it faster? does it lower cognitive load? does it speed up the everyday tasks?” Consistency is a by-product; efficiency is the goal.

A Tab component spec: idle and current states, with spacing, font, colour and icon tokens annotated.
A component built as a tool, not just a style: states, spacing and tokens defined so it can be reused without re-deciding anything.

The process, and what was collective

The work was done as a team: a collective audit and curation of the elements that already existed, with direction decided together. I'm honest about that because it's what makes the case survive a harder conversation — several core decisions were collective, and I held clear positions inside them rather than owning them alone.

Among the collective decisions I took a position on: the menu patterns; the global search; and a deliberate white palette, so each school could layer its own theme on top without fighting the system. That last one — white as the base for per-school theming — is, to me, the project's strongest curatorial signal: it resolves the tension between one system and twenty identities without picking a side.

A student record screen: the lateral menu, a tabbed profile (Histórico, Dados, Responsáveis…), colour-coded status tags, and a commentable history timeline.
The collective decisions applied: lateral menu, tabs, status tags, and the white palette that lets each school layer its own theme on top.
A global search modal: a search field with a Ctrl+/ shortcut and filter chips — Histórico escolar, Alunos, Professor, Funcionalidades — over grouped recent and matching results.
Global search with shortcuts and filters — a component built to speed up the workflow of the staff who live in the system daily.

What made it into v1

Being honest: not all of my vision reached v1. But specific components clearly carry that working-tool approach. The sharpest example is the search with shortcuts and filters, designed to accelerate staff workflows — find fast instead of navigate. It isn't there for decoration; it's there because it embodies the thesis that the system exists to make work faster.

Why it mattered

A fragmented system is expensive in an invisible way: every team re-pays for the same work, and the user pays in cognitive load. Bringing a working-tool mindset changes what the system measures success by. Even with part of the vision deferred, the components that shipped signal the direction — and it's that curatorial direction I sign, without inflating what was collective.


TL;DR

Grupo Salta: ~20 education brands, each on Bootstrap, no cohesion. Inside a team process (collective audit and curation), I argued for designing the system as a working tool — efficiency and lower cognitive load, not just uniformity. Collective decisions I took positions on: menu patterns, global search, and a white palette for per-school theming. Not all of the vision reached v1, but components like the shortcut-and-filter search carry the approach.