Erick Nobre · Product Designer and UX Engineer

Hover to inspect

I build digital products that are easy to use.

I’m a product designer and UX Engineer. I research, design and code interfaces that are clear and easy to learn, from SaaS platforms to design systems.

See my work Get in touch

Experience: 7 years in digital products
Today: I lead design at Zeev, used by 350k+ people
Clients: Brazil, the United States, Europe and Asia
Delivery: From Figma to code, with accessibility and AI

Portrait of Erick Nobre in a white T-shirt, with blurred buildings in the background — Piracicaba, Brazil

Brands and products I have worked with

Work

Selected work.

Zeev overview screen, with task, request and approval indicators

Zeev by Stoque2021 to present

Design system and interface for a process automation platform

I lead design at Zeev from concept to front-end. I created zeev-bootstrap, refactored the core modules and brought the interface up to WCAG 2.1 AA.

350k+: people use the platform
4.49 ★: on Capterra, up from 3.1
50+: components in the design system

EZ Topology new project screen in dark mode, with the SNMP, Meraki and CDP options

Harpia Networks2020

EZ Topology: a design system from scratch for network mapping

An interface that turns SNMP and IP addresses into flows that infrastructure professionals can run without a manual.

Design system
Desktop and web
Dark mode

CYTEI integrator companies screen, with filters and the table of quote requests

CYTEI2020

CYTEI: a SaaS for the entire solar energy market

A modular platform that brings five profiles together in one place: consumers, solar plants, specialists, investors and integrators.

UX/UI
B2B and B2C SaaS
Energy

SuaMEI overview on desktop, with invoices, revenue and the micro-entrepreneur’s finance chart

SuaMEI2020–2022

SuaMEI: financial management for micro-entrepreneurs

The full design cycle of a fintech that helped more than 2,500 Brazilian micro-entrepreneurs (MEIs) get their businesses in order: wireframes, design system and handoff.

Fintech
Mobile
UX/UI

I have spent the last few years on products that run other companies’ operations: processes, energy, networks and finance. In these products, a confusing screen turns into a support ticket and rework for the team. That is why I design for the whole system and deliver in code, so what was approved in Figma reaches users unchanged.

Erick NobreSenior Product Designer and UX Engineer

How I work

One component, from Figma to production.

01Design

In Figma, with tokens and variants. Every measurement has a name before it becomes code.
02Code

I code the component with the same tokens. The layer name in Figma is the class name in the CSS.
03Production

Accessibility review, tests and deploy. What was approved in design is what users get.

components.fig Design

Pending tasks +18%

Last 7 daysToday

Card / KPI 24--space-6 24--space-6 radius 16--radius-lg

_kpi-card.scss

// Card / KPI: the layer name in Figma
.kpi-card {
  padding: var(--space-6);  border-radius: var(--radius-lg);  gap: var(--space-2);  background: var(--surface-1);
}

.kpi-card__value {
  font: 700 2.25rem/1 var(--font-sans);
}

app.example.com/dashboard

Overview

Pending tasks +18%

Approvals

3 overdue

SLA

98%

on time

Pull request #482 approvedfeat(ui): KPI card with tokens, in production

What I do

From discovery to deploy.

I take part in every stage of the product, so a design decision doesn’t get lost between Figma and code.

Product design

Research, flows and prototypes

Interviews, flow maps, clickable prototypes and usability testing before the first line of code.

Design system

Tokens and components

A system that design and engineering use the same way, with documentation for both teams.

Front-end

HTML, SCSS and JavaScript

I deliver working screens, with states, responsive layouts and dark mode. I also work with Vue.

<a class="btn"
   href="#trabalho">
  See my work
</a>

Accessibility

WCAG 2.1 AA

A minimum contrast of 4.5:1, visible focus, keyboard navigation and ARIA in complex flows.

DesignOps

Process and metrics

Usability metrics, design OKRs and handoff documented in the team’s user stories.

AI in the product

Interfaces for AI, and AI in my workflow

I design assistants and copilots that query real business data, and I use AI every day for research, prototyping and code.

By the numbers

Seven years of digital products.

7 years: designing digital products, from startups to large companies, for clients in Brazil, the United States, Europe and Asia.
1M+: people use products I have worked on, at universities, companies and government agencies.
4.49 ★: is Zeev’s rating on Capterra. It was 3.1 before the redesign and the new design system.
+30%: faster front-end delivery, with tested design system components.

Testimonials

What people I’ve worked with say.

Product, design and leadership colleagues from companies I’ve worked at.

The technical quality of Erick’s work is excellent and very promising. He is a great designer and shows a precise aesthetic sense… Adding up his great technical deliverables, excellent aesthetic sense and proven experience in UI and UX, Erick shows he is on a solid and promising path to seniority.

Translated from Portuguese

A qualidade técnica das entregas do Erick é excelente e muito promissora. Ele é um grande designer e demonstra um senso estético preciso… Somando suas ótimas entregas técnicas, excelente senso estético e experiência comprovada em UI e UX, Erick demonstra estar em um caminho sólido e promissor para Senioridade.

Rafael BortolinChief AI & Product Officer, Stoque
Erick showed a remarkable ability to communicate, presenting his ideas clearly and objectively… He also shows professional maturity by fairly acknowledging people’s efforts and openly accepting suggestions.

Translated from Portuguese

O Erick demonstrou uma capacidade notável de comunicação, expondo suas ideias de maneira clara e objetiva… Além disso, ele demonstra uma maturidade profissional ao reconhecer justamente os esforços e aceitar sugestões de forma aberta.

Patricia HubnerProduct Manager
It was great working with Erick Samuel. He is highly qualified, and we still use the logo he designed for our company. He has my vote of confidence!

Translated from Portuguese

Foi muito bom trabalhar com Erick Samuel, ele é muito qualificado, usamos até hoje a logo que ele desenhou para nossa empresa. Tem meu voto de confiança!

Theo RestivoFounder and CEO, NeoCoder
In the time I worked alongside Samuel, I saw that he is very attentive and hard-working in the creative process, and his work was always recognized by supervisors and managers.

Translated from Portuguese

No tempo que trabalhei ao lado de Samuel pude ver que ele é muito atencioso e esforçado no processo de criação, tendo seu trabalho sendo sempre reconhecido por supervisores e gerentes.

Lucas Sabino BrumSenior Graphic Designer, FSB Comunicação