Locaweb Design System

Colaborative Systems

Design System

Interaction

Management

Strategy

1M + Operational efficiency

300% Design productivity

50% Time to market reduction

24 Implemented products

Conversar Conectar Contatar Conversar

Context

About LWSA

LWSA is one of the largest technology companies in Brazil, operating an ecosystem composed of dozens of digital products, multiple brands, and several design and engineering teams.

Within the Locaweb context, the absence of a corporate Design System led to visual and experiential inconsistencies, frequent rework, difficulty scaling design decisions, an excessive number of errors and bugs that burdened engineering teams, and a direct impact on product time-to-market.

The goal of this initiative was to create a scalable, multibrand, and technology-agnostic Design System, capable of supporting both the current and future needs of the organization.

Challenge

Before the project, the main challenges identified were:

  • Visual and experience inconsistencies across products
  • Duplication of components and efforts between teams
  • Low predictability in design delivery timelines
  • Collaboration challenges between design and engineering
  • Lack of clear governance for design decisions at scale

In addition, the system needed to be flexible enough to support multiple brands within the group without compromising coherence or operational efficiency.

The image contains legacy Design System elements, including chip components, a large number of color tokens, and multiple variations of button components.
Chips component and tokens from Locastyle v4 (Old DS)

Approach & Strategy

I acted as the project lead, responsible for defining the strategic vision, establishing governance, and driving the execution of the Design System.

The main areas of focus were:

  • Defining design principles aligned with business objectives and organizational maturity
  • Structuring a collaborative governance model to ensure continuous evolution, clear decision-making, and team autonomy
  • Creating a technology-agnostic component architecture to enable adoption across different tech stacks
  • Developing a multibrand system that allowed customization without fragmentation
  • Continuous alignment with leadership, designers, and engineering to ensure adoption and scalability

The work was conducted incrementally, prioritizing high-impact deliveries and constant validation with the Design System’s consumer teams.

Process Breakdown

People: I gathered feedback from previous leadership cycles, historical performance evaluations, and available financial targets. Based on these inputs, two team members were offboarded, and one highly motivated professional from another team was reassigned to the initiative. Two additional hires were made later to strengthen the team.

Assets: I conducted a comprehensive inventory of all product journeys, documenting every type of UI element used, their recurrence, and reuse across environments. This enabled us to define component coverage goals based on the company’s most critical products.

Governance: For the Design System to scale, it required a collaborative and independent governance model, avoiding dependency on a single team and preventing process bottlenecks.

I designed a collaborative process with an open forum where any designer could contribute, supported by clearly defined decision levels and autonomy. We established recurring rituals to evaluate and classify contributions as base components, team components, or local components.

Outcomes

After six months of focused effort, we delivered a fully technology-agnostic, multibrand, collaborative, and scalable Design System.

Several initiatives and roadmaps were created to drive adoption across product strategies. Due to NDA constraints, further details cannot be disclosed.

However, the following results were observed within the first year:

  • Average prototyping time: 12 hours → 3 hours
  • Average cycle time: 43 days → 12 days
  • Time to market: 4 months → 2 months
  • Bug resolution time: 7 days → 2 days
  • Interaction-related bugs: almost eliminated within 6 months of implementation
  • Average page load time: 10s → 2.5s
  • Average NPS increase: +20 points

Business Impact

As company financial data cannot be disclosed, the following example uses hypothetical figures based on average salaries in São Paulo sourced from Glassdoor.

Average monthly salaries:

  • Mid-level Developer: BRL 7,000
  • Mid-level Product Owner: BRL 8,000
  • Mid-level UX Designer: BRL 6,000

Team composition:

  • 1 Product Owner
  • 2 UX Designers
  • 5 Developers

Estimated monthly investment (excluding taxes and benefits):
BRL 55,000

The Design System tripled designer productivity and doubled developer delivery speed.

Result per team:

  • BRL 21,500 in operational efficiency per month
  • BRL 258,000 in operational efficiency per year per team

With more than four teams using the Design System, the total efficiency gains easily exceeded BRL 1 million annually.

It is important to emphasize that this does not imply layoffs. Instead, it reflects increased delivery capacity, allowing teams to focus on more strategic initiatives rather than purely operational work.

Team composition also varied and was not limited to mid-level professionals.

Although these figures are hypothetical, they provide a clear framework for readers to assess similar impacts using their own organizational data.

Key Learnings

This project reinforced essential principles for design leadership at scale:

  • Design Systems require continuous governance, not just an initial delivery
  • Team adoption is as critical as component quality
  • Strategic clarity and leadership alignment are key success factors
  • A well-structured Design System directly impacts efficiency, culture, and business outcomes

Continuous Evolution

At the time of this publication, the Design System had evolved across multiple areas:

  • LW Design System for Emails – Communication and marketing structures
  • LW Design System for Websites – Conversion- and sales-oriented environments, optimized for high-performance scenarios such as checkout and authentication
  • LW Content System – Brand guidelines materialized across all touchpoints, including tone of voice, archetypes, and conversational flows
  • LW Design System for Apps
  • Multibrand tokens – Global, semantic, and contextual

So, shall we talk?

It will be a pleasure to talk about projects,
aspirations, and opportunities.

Schedule a talk