Selected work

Portfolio

Two projects, each linked to the live work and the design files behind it.

Data · Web

Rain in My Head

I started “scrobbling” my listening to Last.fm in 2011. Rain in My Head turns that history into dashboards I can explore and playlists I can save to Spotify. Its North Star is control over my own data, so I can run my own analytics.

I designed every page in Figma first, from research and wireframes to a clickable prototype, then built it with Python, SQL and a React front end.

Research, wireframes and prototype in Figma
Data model and pipeline from Last.fm to SQLite
Dashboards, SQL explorer and playlist builder

Live site Figma design files GitHub

TODO: add the live site link.

Brand

Story & Structure

The identity for this practice. Navy stands for structure and amber for the spark of a good story, with sage for data, on cool graphite neutrals. Colors are checked against WCAG 2.2 AA in light and dark mode and tested for color blindness.

Brand foundation: purpose, mission, voice, positioning
Accessible palette and type styles
Design system in Figma

Building or inheriting a data-heavy product?

Tell me what you are stuck on. I will tell you honestly whether I can help.

[email protected]