Restricted Access

Matia Wagabaza

Portfolio presentation. Please enter the password to unlock.

Portfolio · 2026 Audible · Visual Experience

Matia Wagabaza

Principal Product Designer · Visual Systems · Builder
portfolio.wagabaza.com 01 · 19
Hello Audible · Visual Experience

I’ve spent 25 years designing visual experiences for consumer media and storytelling brands — and I’d like the next chapter to be more considered.

Yahoo · Design Director across Entertainment, Music, and Video. Sony Pictures Television Networks · VP of UX across Crackle, Animax, and Sony Networks. Today I run my own studio — Wagabaza — where the last five years have been rapid: problem in, solution out, next one up.

The design world is changing more quickly than it has in my career. I’d like to keep developing inside it — at depth, not velocity. On a team that’s raising its bar on visual design and brand.

The Spine 02 · 19
Today Three Case Studies

What I’ll show you

001 — Design System

Wagabaza Design System

design.wagabaza.com — a live, configurable visual system I built and ship

002 — Product

Astrodata · Axiom

A healthcare command center designed end-to-end. Visual language, product, and code.

003 — Side Practice

Soccer Curious

A podcast brand I designed and built — and why this role caught my attention.

~28 MINUTES PRESENTATION / ~30 MINUTES Q&A

Agenda 03 · 19
001 — Design System Wagabaza

001 — DESIGN SYSTEM

Wagabaza
Design System

A live, configurable design language that ships.

design.wagabaza.com 04 · 19
001 — Wagabaza DS The Thesis

The thesis

Not a Figma library.
A living language.

A configurable design system that runs in the browser. Choose a place, a time, a season, a weather — and the system regenerates an opinionated, complete visual language: typography stack, color palette, spacing scale, motion, elevation, components.

The output isn’t a downloadable Figma file. It’s a spec: tokens, decisions, and rationale, ready to ship.

design.wagabaza.com
screenshot to drop in

FIG. 01 — Reference home, Pacific locale

design.wagabaza.com 05 · 19
001 — Wagabaza DS Live Demo

Live · Browser

Let me show you
the system.

design.wagabaza.com
Switching to browser 06 · 19
001 — Wagabaza DS What It Proves

What it proves

I think systemically about visual language. I design and I build. And I use AI as a build partner, not a replacement for craft.

A

Visual systems

Tokens, scales, hierarchies, motion — the architecture beneath consistency.

B

Design-to-code

Next.js 15, Tailwind v4, TypeScript. Shipped on Vercel. Not a deck — a product.

C

AI as build partner

Claude Code, Gemini, Figma Make. Velocity without sacrificing the craft.

design.wagabaza.com 07 · 19
002 — Product Astrodata · Axiom

002 — PRODUCT

Astrodata
Axiom

A high-risk patient command center for healthcare executives.

axiom.wagabaza.com 08 · 19
002 — Axiom The Brief

The brief

Three partners.
One product.

Take three partner technologies — Tuva (clinical data model), Snowflake Cortex (AI/ML), Omni Analytics (embedded BI) — and make them feel like one opinionated, healthcare-grade product.

Two hard deadlines. Audience: healthcare executives. Stretch goal: present alongside Omni’s CEO at a Databricks conference.

AXIOM home
screenshot to drop in

FIG. 02 — AXIOM landing, post-sign-in welcome

axiom.wagabaza.com 09 · 19
002 — Axiom The Subtraction

Design move 01 · Subtract until it sharpens

One persona, told well, is more convincing
than two personas told approximately.

Started with

Care Manager + Medical Director

Two personas. The buyer’s org chart had both.

Cut to

Care Manager .

One persona, executive-recognizable, story-shaped. The whole demo sharpened.

The Subtraction 10 · 19
002 — Axiom Blobby

Design move 02 · Layer, not screen

Blobby.
Ambient, not
bolted on.

A persistent conversational AI bar across every screen, with per-screen contextual prompts. Snowflake Cortex stopped feeling like a separate page and became a layer that lives next to the work.

Two problems solved at once: trust — the AI is contextual to whatever the user is looking at — and rescue — if a viewer wanders off the guided tour, Blobby’s prompts pull them back into the narrative.

Blobby on AXIOM dashboard
screenshot to drop in

FIG. 03 — Blobby, persistent AI layer, contextual per screen

Blobby — the AI layer 11 · 19
002 — Axiom The Engineering

Design move 03 · Design-to-code, end to end

I don’t hand off Figma files.
I ship the product.

React / Vite → Next.js

Migrated the prototype to a production Next.js app so it could absorb the Omni iframe cleanly and embed into Astrodata’s marketing surface. Run from my own repo with Vercel auto-deploy; collaborator PRs pulled, reviewed, and merged through my workflow.

AXIOM voice inside Omni

Established that Omni’s text and markdown tiles support inline HTML/CSS. The dashboards carry the AXIOM language — typography, color, hierarchy — rather than the BI vendor’s signature. Cross-iframe interactions wired through postMessage.

The Engineering 12 · 19
002 — Axiom What It Became

Outcomes

  • A production-ready demo with a clear narrative arc, a defensible persona, and three partner technologies woven into a single experience.
  • A reusable pattern — the AXIOM design language inside Omni tiles via inline HTML/CSS — that Astrodata can apply to future embedded analytics work.
  • A clean handoff to Astrodata’s production engineering team, including the demo mode toggle that replaces auto-start.

Reflection

Visual design at scale is knowing
what to remove.

Two of the three biggest design decisions here were subtractions: cutting a persona, treating the AI as a layer instead of a screen. The work was about removing things until what was left felt inevitable.

Outcomes & Reflection 13 · 19
003 — Side Practice Soccer Curious

003 — SIDE PRACTICE

Soccer
Curious

The Beautiful Game, Explained. A podcast brand I designed and built.

soccercuriouspod.com 14 · 19
003 — Soccer Curious The Brand

The brand

The Beautiful Game,
Explained.

A podcast for Americans newly curious about soccer ahead of the 2026 World Cup. Brian Falk hosts; I’m the designer and developer.

Brand identity. Website. Publishing pipeline. Bluesky / AT Protocol social distribution. The whole stack from visual language to listener reach.

Soccer Curious cover art

FIG. 04 — Soccer Curious, brand cover

soccercuriouspod.com 15 · 19
003 — Soccer Curious Why I Built It

Why I built it

There’s something specific about designing
for a medium where the words live
in someone’s ears.

The visual language has to support listening, not interrupt it. The brand has to feel like the show sounds. I’ve been thinking about that problem on my own time — and I’d like to do more of it.

Why I Built It 16 · 19
Close What I’m Looking For

What I’m looking for

The chance to do
this work
inside a brand whose mission
I actually care about.

Visual systems. Product design. Hands-on craft. Inside a brand at the intersection of visual experience and audio storytelling — where the bar is unusually high and the medium is genuinely interesting.

Thank you 17 · 19
Q&A Thank you

Now — your turn

Q&A.

matia@wagabaza.com · 310.447.4521
portfolio.wagabaza.com · design.wagabaza.com

Thank you for your time. 18 · 19
End Matia Wagabaza · 2026

Thank you for your time.

matia@wagabaza.com · portfolio.wagabaza.com · design.wagabaza.com

End 19 · 19
Speaker Notes slide 01 of 19

Keyboard

→ / SpaceNext slide
Previous slide
HomeFirst slide
EndLast slide
NToggle speaker notes
OOverview (all slides)
FFullscreen
1 – 9Jump to slide
?Toggle this help
EscClose overlay

All slides