Awwwards Nominee
01 · CEMIG

From a brand PDF to a scalable design system.

ROLE
SENIOR PRODUCT DESIGNER
COMPANY
IBM Consulting (client: CEMIG)
TIMELINE
2021 – 2022
SCOPE
Design-system foundations · Templates & pipeline · Multi-channel consistency · Mobile delivery
Design System5 Channels8M+ CustomersEnablementCarbon
CEMIG
01

CONTEXT

A semi-state utility serving all of Minas Gerais — where “design” meant a brand-guideline PDF, not a system teams could build with.

Semi-state utility
8M+
Customers
5
Channels
9
Person squad I led
12+
Months building it
02

THE CHALLENGE

Stand up a scalable baseline while the org was still deciding what that baseline should be — without stalling delivery.

Fragmented channels

Each spoke its own UI — every new initiative deepened the inconsistency.

Tooling capped at Sketch

No live variables, no modern token workflow.

Sequencing the baseline

Ship a system before its foundations were fully settled.

03

WHAT I DID

  1. Mapped channel behavior

    Audited tone, patterns and layout per channel — and where consistency broke.

  2. Adapted Carbon into a CEMIG baseline

    Shared templates, component libraries and naming teams could reuse in Sketch.

  3. Built the operating model

    Playbook, pipeline rules and convergence rituals that scaled the squad.

THE MOBILE APP
CEMIG Atende
CEMIG ATENDE · 4.7★ / 78K RATINGS

The app is the self-service layer that pulled volume off the call center and onto digital — every everyday job, one tap each.

Second-copy bills on demand — deflecting call-center load
Second-copy bills on demand — deflecting call-center load
In-app PIX — where 73% of digital payments migrated
In-app PIX — where 73% of digital payments migrated
Consumption breakdown — fewer billing calls
Consumption breakdown — fewer billing calls
Report an outage in seconds — no phone queue
Report an outage in seconds — no phone queue
Quick-services hub — the whole self-service surface, one tap in
Quick-services hub — the whole self-service surface, one tap in

PROCESS & ARTIFACTS

  1. 01

    AS-IS MAPPING

    Charted the current-state journeys and where each channel broke.

  2. 02

    PERSONAS

    Grounded the work in the real residents the system serves.

  3. 03

    WIREFRAMES

    Low-fi flows and approvals — incl. the call-center console.

  4. 04

    MVP

    Shipped the smallest end-to-end slice to validate.

  5. 05

    PROTOTYPES

    High-fidelity flows built on the CEMIG baseline.

Service blueprint

Service blueprint

CEMIG’s services mapped end to end (AS-IS).

Personas

Personas

The residents the system serves.

Storyboard

Storyboard

Wireframing the attendant cockpit + channel-origin rules.

BUILT ON AN ADAPTED IBM CARBON BASELINE

Web portal
Mobile app
Self-service totem
Call-center console
The attendant cockpit — what the storyboard became, live
The attendant cockpit — what the storyboard became, live
The self-service totem — deployed across agencies — and the looping screen idle I animated for it
The self-service totem — deployed across agencies — and the looping screen idle I animated for it
The self-service totem — deployed across agencies — and the looping screen idle I animated for it
04

OUTCOMES

Service volume moved from assisted to digital — see the channel shift below.

Faster onboarding

A reliable baseline let new designers get productive quickly.

Less rework

Repeatable templates and rituals cut redundant effort across the squad.

FUNCTIONALITY MAP
50+

Self-service jobs redesigned or built new — mapped end to end across the app.

01White tariff
02New connection
03Network extension
04Combo selection
05Special load
06Attach documents
07Due date
08Second-copy bill
09In-app PIX
10Consumption
11Report outage
12Quick services

12 OF 50+ SHOWN

The squad’s output — 50+ self-service jobs mapped end to end
The squad’s output — 50+ self-service jobs mapped end to end
05

WHAT I LEARNED

Process is the system

When tools are limited, templates and rituals carry the load.

Design the operating model

Scaling a team is more than shipping components.

A baseline enables speed

Even before the foundations are perfect.

Results

SERVICE VOLUME SHIFT
CALL CENTER
−27%
AGENCIES
−6%
WEB / MOBILE
+35%
TOTEM
+61%

Service volume by channel after the rollout — assisted down, digital up.

8M+

CUSTOMERS

4.7

APP STORE

78K

APP RATINGS

73%

PIX ADOPTION

CASE FILM

The CEMIG case film — channels, totems and the people they serve.

When tools are limited, process and templates become the system.