PTEN
Contents
Mode
Theme
Language
PTEN
State 1/3 · listen

Listen, understand
and give shape

design starts with people.

  1. 01 Listen · CaseGenial Investimentos709 responses before the first screenRead the case
  2. 02 Understand · CaseGinaGynecological care for those the doctor's office never knew how to receiveRead the case
  3. 03 Give shape · InterfacesInterface designScreens, flows, and prototypes — from Figma to code.See the interfaces

UI specialist for 10+ years: I design interfaces for digital products and lead design direction and the governance of scalable design systems that meet WCAG standards. I use AI to carry the design all the way into the final product's code, and I build tools that cover the product cycle: data analysis, launch across platforms, and post-launch monitoring.

Helena Duppre, wearing glasses and a black T-shirt, smiling
Lab · experiment 01

Esfera Cromada

An object that transforms as you scroll.

three.js · glsl · gsap · lenisRun it live ↗

GOLE

Drag a drop to the can to change the flavor.

Lab · experiment 02Tangerine & Pink SaltRun it live ↗
Lab · experiment 03

LEGO Turntable

Build it brick by brick, then make it play.

three.js · gsap · viteRun it live ↗
Record sleeve: the LEGO turntable on an orange background
Fig. 03 · Sleeve
Back to the start · listen

Let's talk.

LinkedIn ↗WhatsApp ↗

design lead · são paulo · brazil

I lead design teams: design starts with people.

UI specialist for 10+ years: I design interfaces for digital products and lead design direction and the governance of scalable design systems that meet WCAG standards. I use AI to carry the design all the way into the final product's code, and I build tools that cover the product cycle: data analysis, launch across platforms, and post-launch monitoring.

Fig. 1Helena Duppre
Helena Duppre, wearing glasses and a black T-shirt, smiling

Case studies

  1. Genial Investimentos709 responses before the first screen2019–2020
  2. Ginagynecological care for those the doctor's office never knew how to receive2018–2021
  3. Bd'Awhen a rebrand turns into a diagnosis2026

Writing

  1. Your site's first reader isn't a person
  2. Synthetic users get the average right and lose the difference between people
  3. Leading people in the age of agents: what AI speeds up and what it hides
  4. 65% of internet users in Brazil only go online through their phones. Is your website ready for them?
  5. Too pretty to test: the aesthetic-usability effect
All 13 posts →

Lab

  1. Esfera CromadaAn object that transforms as you scrollopens in a new tab
  2. GOLEDrag a drop to the can to change the flavoropens in a new tab
  3. Scroll-scrubScroll becomes the video's timelineopens in a new tab
  4. LEGO TurntableBuild it brick by brick, then make it playopens in a new tab

Contact

helenaduppre@gmail.comLinkedInWhatsApp