Design Engineer. I take approved designs to production frontend — and build my own products from scratch. Design and code, in the same hands, for nearly thirty years.
01 · Client Work
Production frontend for Swiss and European organizations, through OPTEN AG. I receive approved designs and deliver tested, accessible code — across Angular, React Native, Umbraco, and ASP.NET.
A national sports portal and game center
Design system to production: the full frontend module library, token-based CSS architecture, and a statistics-driven game center with server-side sorting, player stats, standings, CSV export, and a custom momentum slider with infinite loop.
Voice-first wholesale ordering app
A six-month build from UX redesign to full backend integration. Drawer navigation, multi-step checkout with animated states, a voice recorder with upload queue and retry logic, auth with 7-day token persistence, and DE/EN internationalisation.
TV production workflow and admin tools
Dashboard overview, match detail views with six spec-aligned tabs, and the JSON data contract that guided backend API implementation — so frontend and backend could move in parallel. Plus admin UI refinement on legacy ASP.NET.
Component library powering a full customer platform
Built ~15 reusable components — sortable tables, slide-in sidenav, tabbed button groups, phone input, dropdown filters, modals — assembled into 10+ portal sections. Mock-first workflow to decouple frontend from backend timing.
Safety heatmap — design system to production
Translated a Figma design system into working Angular components: buttons, modals, and forms, faithful to the design tokens and interaction specs.
AI assistant interface with streaming chat
Chat application with streaming responses, likes/dislikes, and attachments. State management with Angular Signals, decoupled services using CDK Overlay, and full responsive adaptation.
CMS modules with responsive page previews
Module page preview system with grid/carousel layouts, reusable component architecture with content fallbacks, and promotional content variants with video embedding. Built on Razor with BlockListBuilder.
7 projects shown of 12 delivered in 12 months. All work delivered through OPTEN AG, Switzerland.
02 · Own Products
End-to-end ownership — from the idea to production. Designed and built with AI agents as part of the workflow.
A clinical diary for the 24-hour Holter cardiac exam. The patient taps when a symptom hits; it gets timestamped straight to the doctor’s dashboard. Full-stack PWA.
Snap the fuel pump display — Claude Vision reads liters, price and total. No manual input. Mobile app with AI-powered OCR.
A SaaS that turns rough ideas into structured prompts. Full-stack on Cloudflare Workers at near-zero infrastructure cost.
03 · Track Record
The projects that taught me where software breaks — and why design decisions have business consequences.
Replaced every people-finding tool across Petrobras worldwide with a single search interface. Reduced building access time from 4 minutes to 90 seconds. First fully accessible application in the company’s history (WCAG, WAI/ARIA, tested with visually impaired users).
Petrobras · LOPE · 2012–2014Designed and built the first three editions (2006–2008) of Petrobras’s cultural sponsorship platform — direct impact on how cultural funding flows in Brazil. The program continues to this day. Public data.
Petrobras · Programa Petrobras CulturalCreated Petrobras’s first corporate design framework (Fcorp Design), responsible for standardizing the visual identity of internal applications across .NET, Java, Python, and JavaScript. Adopted company-wide.
Petrobras · Fcorp DesignTwo platforms at Eleva Educação. Canal Eleva: video platform redesigned in 2 weeks during COVID-19 lockdown. Avaliação Formativa: weekly assessment system where teachers and coordinators could track student results, identify difficulty areas, and deliver personalized online tutoring. Both served 120k students.
Eleva Educação · 2019–2021One full year on CESAR’s highest-value engagement — design system and reusable component libraries for a leading global consumer electronics company. Multi-framework implementation across React, Angular, and EmberJS with accessibility-first architecture.
CESAR · 2023–2024BBS, mIRC, Angelfire. Adobe and Macromedia Certified Professional, Adobe Certified Instructor (MMCP/ACE/ACI). Founded Design Acessível studio. Built SIGSAUDE for the Brazilian Navy. Software Engineering postgraduate (AI focus), PUC Minas.
Career span · 1997–present04 · The Path
The tools changed — Angelfire, Flash, Angular, React, now AI. The work underneath stayed the same.
Taking features from Figma to merged frontend for Swiss organizations — sports federations, food distributors, insurance portals, CMS platforms. AI agents ship alongside me.
One year dedicated to the company’s largest contract — design system for a global consumer electronics leader (NDA). Plus component libraries for energy and technology clients across React, Angular, and EmberJS.
Led UX and research from discovery to an investor-ready MVP — ODGO, an immigration planning platform.
Canal Eleva redesign, Avaliação Formativa (120k students — weekly assessments with pedagogical tracking, enabling personalized tutoring), Design System Fibo.
LOPE people finder (~$5M/year savings). Programa Petrobras Cultural (3 versions, still running). Fcorp Design — the first corporate design framework, standardizing apps across .NET, Java, Python, and JS company-wide.
SIGSAUDE for the Brazilian Navy, Kawasaki dealer platform, Arena On eSports platform, accessibility consulting. Run in parallel with Petrobras; closed in 2018.
Two decades of independent work — from BBS and Angelfire through modern web. Adobe/Macromedia Certified Professional, Adobe Certified Instructor (MMCP/ACE/ACI) since 2001. Golden Web Award, iBest. Stopped freelancing entirely in late 2018.
05 · How I Work
I don’t just implement specs — I catch spacing issues, interaction inconsistencies, and accessibility gaps before they reach QA. Thirty years of design training applied to every line of frontend code.
AI agents are part of my daily process — scaffolding components, drafting tests, refactoring, and reviewing diffs. I spend my attention on UX decisions and integration, not boilerplate.
I’ve delivered 12 projects in 12 months across 5 stacks for a Swiss team. I manage my own time, define data contracts to unblock backend work, and ship without hand-holding.
UTC−3 (Rio de Janeiro). Full overlap with US East Coast, 4–5 hours overlap with Central Europe. Fluent in English and Portuguese. Monthly invoicing, no overhead.