12+ years building products.
What I've worked on
Pick a card or find out more below
AI Native UX Workflow
Design-system rules, component contracts, and live UX research delivered where developers code, before decisions drift into a PR.
Read case studyKnowledge Base
A centralized, AI-powered knowledge base for AWS. Led end-to-end design and research that reshaped how teams decide together.
Read case studyPage Templates
Hitachi Energy editors stopped starting from a blank canvas. Templates cut page build time and gave readers a consistent structure.
Read case studyVideocall App
Berst went mobile-ready in four weeks: one responsive web app, three streams aligned, and a desktop-first tool remade for phones.
Read case studyDesign System
Appway’s shared patterns, components, and docs so client UIs could scale on a configuration-driven foundation, and open the door to AI-driven UI later.
Read case studyInteractive Elements
Clearer affordance on links and interactive components helped people go deeper, lifting third-level page visits by 40%+ in many cases.
Read case studyCase Studies Revamp
Scattered project stories became one case-study system with filters, tags, and writing guidelines.
Read case studyClick a card to expand
TL;DR
2025–present
AI let UX research live inside the code.
- 4 knowledge sources
- 8 workflow stages
- Straight to code UX guidance
Under NDA; wireframes are mockups.
- The problem
- Component purpose, data requirements, research findings and open questions lived in tickets, Figma, Slack and scattered docs, nowhere a developer could reach while building. So the UI shipped looking right and meaning the wrong thing.
- What we did
- Turned component contracts, design-system rules, research insights and open questions into a live knowledge layer the coding agent consults while a developer builds, so UX guidance arrives at the point of implementation, not after the PR.
TL;DR
2022–2024
From disconnected emails to one source of truth.
Under NDA; wireframes are mockups.
- The problem
- Several teams gathered the same operational data their own way, in spreadsheets emailed around every week, so nobody could tell what was current, who owned a change, or how a decision had been informed.
- What we did
- Built one multi-module knowledge base where every module shares the same patterns for collection, collaborative maintenance and reporting, with records that carry their own provenance, and an assistant that suggests but never writes a field.
TL;DR
2018–2020
From consulting each client 1:1 to serving them all at once.
- 550,000+ end users reached
- 40+ client projects
- 60% less time to MVP
- The problem
- Every bank client got a bespoke interface built from a blank page, and every upgrade or maintenance job came back as a fresh project.
- What we did
- Mined the patterns that kept repeating across shipped projects into a themable, accessible design system, then built the documentation and training that got developers onto it.
TL;DR
2020–2022
Editors stopped reinventing the page.
- 90→50 min to build a page
- 24+ page templates
- No blank canvas editor start state
- The problem
- Every page started from a white canvas, so each editor invented their own layout, and with it hidden content in tabs, misused tables and missing headings.
- What we did
- Replaced the blank canvas with topic templates built from mandatory and optional zones, then ran the training and release communications that kept 220+ editors on one model through two rebrands.
In the spirit of reconciliation, I, Ricardo Gerstl, acknowledge the Traditional Custodians of country throughout Australia and their connections to land, sea and community. I pay my respect to their Elders past and present and extend that respect to all Aboriginal and Torres Strait Islander peoples today.
Thanks for the visit!
Reach out and let’s chat.












