Playground

discover

define

design

deliver

project sketches

on my mind

want to add

want to learn

nothing big, still nice nothing big, still nice
brain's messy, but okay brain's messy, but okay
good weather good weather
random shot random shot
tiny moments tiny moments
not sure what I'm doing not sure what I'm doing
ferry ferry ferry ferry ferry ferry
flower! flower!
my working board

Hi! This board shows how I approach a project. Drag, zoom and wander between the stages.

start here
then
then
then
Atlas Pay Atlas Pay
Kumbara Kumbara
me me

User interviews: 6–8 people, 45 minutes.

I map the current flow end to end.

A one-page goal with the stakeholders.

Problem statement + success metric

Scope: what are we not doing?

User flow and information architecture

Paper sketch → clickable prototype

Testing with 5 users every week

Components go into the design system

Developer handoff: spec + prototype

I watch the metrics after launch

What we learned → the next round

my desk

Down here is my scratch space: sketches for projects, things on my mind, things to add and to learn.

Recurring invoices: template → schedule → confirm. No more than three steps.

Goal card: a big progress ring, weekly mini goals underneath.

Why is most onboarding still a long tour?

Empty states can tell a story too.

Micro-interactions: when is it too much?

Preventing the error instead of writing the message.

Coming to the site

  • Dark mode
  • Short videos on project pages
  • Playground board
  • Newsletter sign-up

A 30-second “how it works” video for each project.

This quarter

  • Framer Motion
  • Three.js basics
  • Accessibility audits
  • Sound design

Reading list

  • Design Systems — Alla Kholmatova
  • The Shape of Design — Frank Chimero
  • Refactoring UI
it all starts here
clarity!
test, test, test
shipped!
rough but clear
think later
slow but steady