# Joe Parker-Rees

> Digital designer working across brand and product, based in London. Designs it in Figma, builds it in Next.js, Framer or SwiftUI.

Joe trained in brand and identity work across agencies in three countries and has moved into web and product, owning projects end to end rather than handing off a file. This portfolio (https://joeparkerrees.co.uk) is itself one of those builds: Next.js, Sanity CMS, developed with AI-assisted tooling like Claude Code.

## Case studies

- [Muesli](https://joeparkerrees.co.uk/muesli): Granola cancelled my university Pro subscription, so I built my own.
- [HOKA](https://joeparkerrees.co.uk/hoka): HOKA Together is the membership and rewards experience for HOKA's running community: a mobile dashboard and web journey that turns loyalty from a points scheme into something runners belong to.
- [Szalty](https://joeparkerrees.co.uk/szalty): MyFitnessPal and Strava had a baby.
- [Glorify](https://joeparkerrees.co.uk/glorify): The #1 Christian devotional app needed a rebrand that captured their core message of spiritual abundance.

## Playground

Shorter write-ups and live experiments, each with its own page.

- [Can I give you my card?](https://joeparkerrees.co.uk/playground/business-card): A digital business card with a relief of my face that moves when you tilt your phone. It took me three goes to get the relief right.
- [Dither](https://joeparkerrees.co.uk/playground/image-processor): Five ways of reducing an image down to a grid of marks. I also cover why some dithering methods flicker on video, and which ones I use for motion instead.
- [A sentence on a leash](https://joeparkerrees.co.uk/playground/trailing-text): Rebuilding the trailing text from haha.services. It's basically a queue of points, one for each letter, and most of the work was in the spacing.
- [Shadowboxing](https://joeparkerrees.co.uk/playground/shadowboxing): Shadows usually come from a light source that doesn't move, so I tried using the cursor as the light instead.
- [Proximity](https://joeparkerrees.co.uk/playground/proximity): Hover is either on or off. With proximity, elements change size and colour based on how far away the cursor is. I also look at how much it costs per frame.
- [Heidi](https://joeparkerrees.co.uk/playground/heidi): Shazam gives up on a two-hour radio mix. A menu-bar song finder for the tracks you can't place.
- [Guy Parker-Rees](https://joeparkerrees.co.uk/playground/guyparkerrees): Translating a picture-book illustrator's energy into a website. A real client, even if he is my dad.
- [On Canvases](https://joeparkerrees.co.uk/playground/canvases): Thoughts on the 'death of the canvas', and why the next design tool needs to hold both the canvas and the prompt.

## More

- [Info](https://joeparkerrees.co.uk/info): background, experience and what Joe's looking for
- [Playground index](https://joeparkerrees.co.uk/playground): the full set of experiments
- [AI reference](https://joeparkerrees.co.uk/ai-reference): the verified facts about Joe, written for models, including what not to claim

## Contact

- Email: joe@joeparkerrees.com
- LinkedIn: https://www.linkedin.com/in/joeparkerrees/
- GitHub: https://github.com/joeparkerrees