DESIGN WHERE AI STAYS HUMAN [NATURE] CENTERED

Intelligence is everywhere.
Trust is architecture.

Fifteen years, nine industries, one throughline. I designed Hai, HackerOne's AI copilotfor the world's security teams. Rebuilt navigation for Staffbase, reaching some of the largest workforces on earth. Brought a 3,500-year-old ritual online with SOAS University of London. Different rooms, same question: who is this system actually accountable to?

SCROLL
15+yrsfrom brand craft in Porto & São Paulo to platform leadership
30+shippedfrom AI copilots to cultural archives, indexed in the archive below
3.5k yrsthe oldest living system I've helped bring online: the Yasna ritual
9industriesSaaS, heritage research, edtech, travel, health, culture & more
01 / OPERATING THESES

Where I believe digital architecture is actually heading.

Not a services menu. These are the positions I run design organizations on, and the lens for each engagement below.

T.01

AI is an architectural shift, not a feature to be sprinkled on legacy UI.

Bolt a chatbox onto old software and you get novelty, not leverage. The teams that win treat AI as new structural material — provenance and override built in, not bolted on. My job is making probabilistic software accountable before it's impressive.

T.02

Design systems are governance, encoded. They are how taste scales past the founder.

A token pipeline is an org chart you can compile. Ship design decisions as versioned infrastructure and engineering velocity becomes a design KPI — quality stops depending on heroics. I build systems that let 400 engineers ship like a team of 12 who care.

T.03

Regeneration is a design requirement, not a slide at the end of the deck.

Every autonomous system encodes a theory of whose time, labor, and land matter. Decolonial, human[nature]-centered practice isn't a nice-to-have beside enterprise work — it's risk management. For communities and ecosystems, yes. Also for every brand that depends on both.

02 / STRATEGIC PILLARS

Four pillars. One throughline:systems people can trust with what they can't afford to lose.

Organized by strategic leverage, not chronology. Four real engagements carry the argument: Hai (HackerOne), Staffbase, MUYA (SOAS University of London), and a regenerative Human [Nature] practice.

PILLAR A · AI & AUTONOMOUS SYSTEMS ARCHITECTURE

Designing Hai, HackerOne's AI copilot: embedding machine intelligence into workflows where a hallucination is a security incident.

In security, AI earns its seat by being accountable before it is impressive. Hai turns vulnerability data into clear, decision-ready guidance inside the analyst's own workflow. It's grounded in report context and program history, with human judgment sovereign at every step. Today it is HackerOne's agentic AI system, shipping standard with every program.

The business & technical bottleneck

Vulnerability response drowns in volume: duplicate reports, inconsistent severity calls, and a chronic translation gap between hackers, security analysts, and the developers who ship fixes. Introducing generative AI here carries a hard constraint: a hallucinated severity or fabricated remediation is itself a security incident, and the audience is professionally trained to distrust.

Leadership & organizational alignment

Shipping intelligence into this environment meant making Human-AI interaction principles non-negotiable — binding across design, engineering, and data science:

  • Grounded by default. Hai answers from report context, program history, and platform data, with visible lineage.
  • Human-in-the-loop supremacy. Analysts accept, edit, or override every recommendation. One click.
  • Graceful degradation. Model latency and uncertainty rendered as first-class UI states, not spinners.

The core innovation: designing for trust

Hai moved from a chat sidebar to embedded intelligence across the report canvas — plain-language translation, duplicate detection, priority escalation, historical insight, all surfaced where the analyst already works. Wait-time became a trust surface: retrieval and reasoning are shown, not hidden. The stage below walks the four states.

Scale & executive impact

Hai ships standard with every HackerOne program and has grown into a coordinated system of agents (report assistance, deduplication, priority escalation, insight). Customer security teams, Zoom, Snap, and SIX Group among them, publicly credit it with faster validation, cleaner communication, and less busywork.

STATE 01 / THE INHERITED CONDITION
A chat assistant beside the work, not in it.

Intelligence lived in a sidebar, detached from the vulnerability report the analyst was actually judging. Every answer required re-explaining context the platform already had.

STATE 02 / EMBEDDED CONTEXTUAL INTELLIGENCE
Intelligence moves into the report canvas.

Plain-language summaries, duplicate flags, and severity rationale render inside the report itself, inheriting its full context. No mode switch, no copy-paste liturgy.

STATE 03 / LATENCY AS TRANSPARENCY
Wait-time becomes a reasoning window.

While Hai works, the analyst sees what it retrieved and why: similar reports, scope rules, confidence. Latency turns from dead air into evidence.

STATE 04 / HUMAN-IN-THE-LOOP SUPREMACY
Provenance visible. Override is one click. Always.

Every claim traces to report history and reference data; every recommendation yields to the analyst. In security, trust is the adoption metric.

HAI / H1 PROGRAM / REPORT #1834122LEGACY MODE
ASSISTANT (BOLTED-ON)
HAI · IN-REPORT INTELLIGENCE
RETRIEVED 12 SIMILAR REPORTS
CHECKED PROGRAM SCOPE & POLICY
COMPOSING SEVERITY RATIONALE CONF87%
PROVENANCEREPORT HISTORY (90D)
CWE-79 REFERENCE
PROGRAM SCOPE v9
ANALYST: SOVEREIGN · 1-CLICK
0→1GenAI copilot shipped; now HackerOne's agentic AI system
20→5minValidation time reported by a customer AppSec team using Hai
7langsLive EU-language translation in Snap's election-safety challenge
100%Of HackerOne programs: Hai ships standard with every one
PILLAR B · ENTERPRISE SCALE & PLATFORM ECOSYSTEMS

Re-architecting Staffbasenavigation: one mental model for the platform that reaches the world's largest workforces.

Enterprise navigation is governance made visible. Staffbase's employee-communications platform (intranet, mobile app, admin studio) had grown surface by surface. The new navigation re-founded it on a single semantic model across web and mobile: desk and frontline, news and tools, one coherent whole.

The bottleneck

An intranet, a mobile app, an admin studio, each grown feature by feature. Desk workers and frontline employees held different mental models of the same product. Every new module made wayfinding worse. Navigation debt had quietly become adoption debt.

The architectural model

  • One semantic model: content, tools, and people organized by employee intent, not by org chart or module history.
  • Web ↔ mobile parity: the same model renders to desktop intranet and pocket app without translation loss; critical for frontline workers who only ever see the phone.
  • Built to absorb growth: new modules slot into the model instead of spawning another top-level tab.

Why the C-suite cared

Because in employee communications, reach is the product. Navigation decides whether the platform becomes a daily habit or an ignored icon. Internal comms teams are judged on exactly that difference.

STAFFBASE / NAVIGATION MODELLIVE GRAPH

FIG.B · THE MODEL: FIVE CONTENT DOMAINS RESOLVED THROUGH ONE SEMANTIC NAVIGATION LAYER TO EVERY SURFACE AN EMPLOYEE TOUCHES, DESKTOP TO FRONTLINE POCKET.

2→1Navigation models unified across web & mobile
5Content domains resolved through one semantic layer
1Mental model: frontline & desk, pocket & desktop
n+1New modules slot in without new top-level tabs
PILLAR C · LIVING KNOWLEDGE & CULTURAL SYSTEMS

Architecting MUYA, the Multimedia Yasna: bringing a ritual older than writing onto one synchronized canvas, with SOAS University of London.

The Yasna is the core ritual of the Zoroastrian tradition, its oldest parts composed in the second millennium BCE. It survives through priests' memory and dispersed manuscripts. MUYA films the full ceremony and binds it, verse by verse, to transcribed manuscripts, critical editions, and translations — one interactive surface.

The knowledge bottleneck

Interpretation of the Yasna was hampered by outdated editions and no documentation of the full performed ritual. Scholarship was locked to students of Iranian philology and practising Zoroastrians; the oral and written traditions had never been studied together.

Design across worlds

An international research consortium — UK, Germany, India, Iran — spanning philologists, priests, and digital-humanities engineers. Three principles held it together:

  • Custodianship over extraction. A living tradition keeps authority over its digital form.
  • Provenance everywhere. Every verse traces to manuscript witness and editorial decision.
  • Graceful complexity. One canvas serves lay curiosity and doctoral rigor: progressive depth, no dumbing down.

The core innovation: film as the spine

We rejected "a video page plus a documents page." The subtitled, interactive film of the ceremony is the archive's spine: transcription, translation, and commentary layers hang from the recording and stay in sync as it plays. The artifact below sketches the pattern.

Why this sits beside the AI work

MUYA is the same problem as Hai wearing different robes: multi-modal data, uncompromising provenance, audiences a decade of expertise apart — one trusted surface. Knowledge systems are my throughline, probabilistic or ancestral.

MUYA / YASNA CEREMONYSYNCHRONIZED
FILM · FULL YASNA RITUAL · SUBTITLED
yaθā ahū vairiiō · Y.27.13
AVESTAN
TRANSCRIPTION
TRANSLATION
COMMENTARY
WITNESSES:MS J2MS PT4FIELD RECORDING · MUMBAI

FIG.C · THE SYNCHRONIZED CANVAS PATTERN: EVERY TEXT LAYER LOCKED TO THE FILM'S TIMELINE, EVERY LINE TRACEABLE TO ITS MANUSCRIPT WITNESS. LIVE AT MUYA-FILM.SOAS.HASDAI.ORG.

3.5k yrsAge of the living tradition brought online
4Countries in the research consortium: UK, DE, IN, IR
2Traditions unified: oral performance & manuscript
Audience shift: from philologists only, to the world
PILLAR D · REGENERATIVE & HUMAN [NATURE] CENTERED PRACTICE

Growing Guardiãs da Floresta: identity, platform, and offline kits for the women who keep the forest standing.

"A mata em pé. Porque embaixo tem elas." The forest standing, because underneath it there are them. For Instituto Ajuri, in the Marajó archipelago of the Amazon, I designed every layer of the project's communication: the identity and tone of voice, the website, the learning platform, and the offline kits that travel where connectivity doesn't.

The mandate

Guardiãs da Floresta is a formation-and-autonomy network for women extractivists in riverine communities of Marajó, Pará. The communication system had to work in territory: low connectivity, oral culture, deep ancestral knowledge, and a pedagogy that travels from woman to woman (sensibilizar → aprofundar → replicar).

The system, end to end

  • Identity & tone: graphic language derived from Marajoara ceramic grammar, in dialogue with the collection of Museu Paraense Emílio Goeldi; a voice that is the Guardiãs' own, not an NGO's.
  • Web & platform: the public site (guardias.eco.br) and the learning network, built on offline-capable infrastructure so the three formation trails reach communities without stable internet.
  • Offline kits: printed and physical materials designed as first-class product surfaces, because in Marajó the river is the network.

The lineage

This is where the practice comes from: Ciclovia & Ecovia do Sudoeste Alentejano (screens that return people to a coastline), Secret City Trails (the phone as a compass, not a destination), teaching at EDIT, essays for Design Culture. Nature and presence were always primary stakeholders here — now at the scale of a territory.

Why this belongs beside the enterprise work

Attention is the scarcest resource my industry extracts. Designing systems that spend it back on place, body, and community is the ethical spine I bring to enterprise platforms and AI.

GUARDIÃS DA FLORESTA / REDEGENERATIVE
GROWTH MODEL · 0 NODES · SEEDED FROM 15+ COMMUNITIES
EACH BRANCH = A WOMAN WHO FORMS THE NEXT

FIG.D · A LIVING SIMULATION OF THE NETWORK'S PEDAGOGY: KNOWLEDGE THAT WALKS THE TERRITORY FROM WOMAN TO WOMAN. ORGANIC, POLYCENTRIC, GROWN RATHER THAN PLANNED. LIVE AT GUARDIAS.ECO.BR.

15+Extractivist communities in the network across Marajó
1,400Women reached by the formation network
34+Multiplicadoras trained, each forming new women
36moOf walking together: equipment, ATER, psychosocial care
03 / THE LIVING ARCHIVE

Fifteen years, indexed like a changelog.

Thirty-two real projects, 2011 to now. Filter by competency, industry, or scope — or just hover a row for an X-ray of the work underneath.

32 / 32 ENTRIES
YearProjectIndustryScopeCompetency
2025Guardiãs da FlorestaIdentity, platform & offline kits · Instituto Ajuri, MarajóSocio-environmentalCommunication LeadBRANDPLATFORMRESEARCH
2024Hai · HackerOne AI CopilotGenAI copilot for vulnerability intelligence · now agentic AISecurity / SaaSAI Product DesignAIPLATFORM
2024Protege · BarcarenaChild-protection platform uniting the whole network · full case studyCivic / GovTechEnd-to-end Product DesignPLATFORMUX/UIRESEARCH
2021MUYA · The Multimedia YasnaLiving-ritual research platform · full case studyResearch & HeritageProduct StrategyRESEARCHPLATFORM
2020Staffbase New NavigationUnified web + mobile IA for the employee-comms platformEnterprise SaaSProduct DesignPLATFORMUX/UI
2020Secret City TrailsBrowser-based city discovery games, no downloadsTravel & LeisureProduct DesignPLATFORMUX/UI
2020The Transformation SpaceCareer-change bootcamp school, full web systemEdTechWeb DesignEDTECHUX/UI
2020IDM · The Fasting ProgramTailor-made therapeutic fasting, digital experienceHealth & WellbeingWeb DesignUX/UI
2019BookifySocial reading platform with gamified rewardsCommunityProduct DesignPLATFORMUX/UI
2019MoPlay Betting AppMobile betting & gaming · Addison GlobalGaming & BettingProduct DesignUX/UIPLATFORM
2019Interaction Design AssociationIxDA community designCommunityBrand & IdentityBRAND
2019Space Feeling WebsiteStudio web presencePersonal BrandsWeb DesignUX/UIBRAND
2018What They SayDigital experience · EDIT Disruptive SchoolEdTechUX/UI + IllustrationEDTECHILLUSTRATION
2018Barbara EckerPersonal brand websitePersonal BrandsWeb DesignBRANDUX/UI
2017EverlabSchool web experienceEdTechWeb DesignEDTECHUX/UI
2017App Ciclovia e Ecovia · SW AlentejanoEco cycling & walking routes, Alentejo coastMobility & EnvironmentProduct DesignUX/UIRESEARCH
2017Website Clínica IandêClinic web presenceHealth & WellbeingWeb DesignUX/UIBRAND
2017Oliver Woodes WebsitePersonal sitePersonal BrandsWeb DesignBRAND
2017Mister Moore WebsitePersonal sitePersonal BrandsWeb DesignBRANDUX/UI
2017Retrato Imaginário IdentityIdentity systemCulture & ArtsBrand & IdentityBRAND
2017Handbook Landing PageProduct landing pageDigital ProductsWeb DesignUX/UI
2017Daniel TomediPortfolio websitePersonal BrandsWeb DesignBRAND
2016Fábrica de Bolos App & PlatformBakery ordering app + platformFood & HospitalityProduct DesignPLATFORMUX/UI
2016Unlayer UniqloRetail concept experienceFashion & RetailUX/UIUX/UIBRAND
2016Light PleasuresIdentity + websiteCulture & ArtsBrand & IdentityBRAND
2015Projeto Amo-teSite + identity for Lisbon urban-art projectCulture & ArtsBrand & IdentityBRANDILLUSTRATION
2014Beautiful DestinationsTravel media experienceTravel & LeisureUX/UIUX/UI
2014Lexington MenuHospitality menu designFood & HospitalityBrand & IdentityBRAND
2013Plena · Bem-Estar FemininoWomen's wellbeing brandHealth & WellbeingBrand & IdentityBRAND
2012Calzô PizzariaIdentity for online pizza store · year approx.Food & HospitalityBrand & IdentityBRAND
2011POPs SerralvesCollage & illustration · Serralves Museum, PortoCulture & ArtsIllustrationILLUSTRATION
2011Diana LoversAnalog photography communityCulture & ArtsBrand & IdentityBRANDILLUSTRATION
04 / CONTACT

Let's architect what your product becomes next.

LINKEDIN ↗THE SILENT MOVE ↗
NL-BASED ↔ REMOTE, GLOBAL
OPEN TO HEAD / VP OF DESIGN MANDATES