Videos

Order matching engine written in Rust (first time touching the language) using Cursor. Logic and architecture mine, with a visual layer for devs to understand the internals.

Designing an AI-powered fintech dashboard.

A 2-day sprint with two friends, building a way to create a website using WhatsApp alone.

Landing page designed for the Trepa bounty. Won 3rd place, 100 USDC.

A 3-part series on why Robinhood is exceptional in fintech UX: what works, why, and what to steal.

Lessons from my own finance journey: seven mistakes I made and what I learned.

An explainer on staking, featuring MagicEden.

Hands-on test drive of MagicPatterns and what it can/can't do for design.

Designing a football fantasy product end-to-end: payment option flow and a simple navigation pattern.

Designing paywall screens for mobile.

Demo walkthrough of Synclo's app for doctors.

Designing a content-focused SaaS app.

MidShift product design walkthrough.

Designing a Yo-Yo test app.

Designing a freight app.

Designing an anime-themed page.

Designing a checkout flow. Two-part walkthrough.

Designing a striking globe card UI.

Designing CryptoPool, a crypto pooling app.

A deep study on how password creation impacts B2B products: friction, security, and trust.

Mapping the product user journey of a Healthcare product.

A study on the family wallet product space.

Explaining the innovation behind BMW's Panoramic iDrive.

A six-part series on how NothingOS was designed.

Breaking down what makes Huly's design feel craftful.

Reviewing Ethan Chng's portfolio.

Reviewing Vipin Ragi's portfolio.

What customer churn really means and how to think about it.

A walkthrough of the CASTLE framework.

The state of the design job market in 2024.

A framework for building a strong design portfolio.

Talking honestly about designer salaries.

A framework I use when approaching design problems.

How I run my design process.

Picking the right chart for your data.

What elevation in UI design actually means.

Building the typography and colour foundation of a design system.

The new AgentUX landing, the entry point into the catalogue.

AgentUX login / sign-up flow, modeled on Uniswap's auth pattern.

Welcome flow shown to new AgentUX users on first visit.

Components falling into the catalogue on load: the cascade that opens AgentUX.

Horizontal filter strips for quick navigation between flow groups in the catalogue.

Infinite canvas view for free-form exploration of catalogue content.

AgentUX bottom dock, hover state and reveal.

AgentUX bottom dock with click interaction.

Keyboard shortcuts in AgentUX: C to crop, and other quick keys for catalogue actions.

Subtle keyboard sound feedback when typing in AgentUX.

Save action animation: visual confirmation when a screen is added to the catalogue.

Trash / delete animation: visual feedback when removing a screen.

Deleted comments disintegrate Thanos-snap style instead of just disappearing. A bit of theatre on a destructive action — closure for the writer, breadcrumb for the reader that something used to be there.

AgentUX 404: what shows up when you hit a missing route.