Work that shipped, or got far enough to be worth explaining.
Gone — A Storytelling Platform for Outdoor Adventures
We set out to build a space where any bikepacker, trail runner, or hiker can combine vivid images, personal reflections, and real-time route data—turning outdoor adventures into interactive stories that inspires and fuel the next journey.
Wahoogotchi
An internal hackathon project that reimagines cycling motivation through play. Wahoogotchi blends endurance culture with the charm of digital pets to turn training into something more fun, personal, and a little weird in the best way.
Building & Evolving Wahoo Fitness's Design System
I led Wahoo Fitness in building a scalable, token-driven design system that integrates seamlessly with our existing Material UI React framework. By synchronizing design tokens, Figma components, and developer workflows, we streamlined our process, ensured consistent look & feel, and made it simple to adapt to new designs or feature expansions.
Building Responsive Metric Displays
How I tackled an interesting challenge of building a scalable, responsive metric display for the Wahoo workout recorder—ensuring real-time metrics remain clear and legible across all screen sizes and layouts.
Koordinates — Discover Earth's Data.
Koordinates is designed and engineered for all data users—and not just those with technical expertise. With your own data service, you can realize the true potential of your geospatial data
Experiments, dead ends, prototypes to scratch an itch. Nothing here is finished and some of it never will be.
It's like a drill down but for sentences.
"Show me how to double tap on a photo" 😂
Want to resize all your columns at once?
Active nav indicator candidate #2
A full rebuild of my little corner of the internet.
Double-tapping on a photo to leave a fingerprint on it... like a real print?
Settings -> Bank accounts
Connect a bank -> Opt into data share -> Wait for an offer flow...
Credit Builder Card landing page
Credit Builder Card landing page 🤔
Credit Builder Card hype animation
Gesture for perfect zoom if Wahoo ELEMNT was ported over to the iPhone app.
Rearranging data view if ELEMNT was touchscreen optimized
This is an animated education content for Wahoo Fitness 4DP feature.
Linking and unlinking activities in Wahoo SYSTM
What would a crop and download geospatial data set UX feel like it was on mobile? Built this with Framer.js
Places, rides, light. Mostly Fujifilm or iPhone.
Longer pieces on whatever else I've been chewing on.
Blurring the Lines Between Prototype and Real Product
Designing with data is becoming the new norm. Excel sheets, APIs, data Test randomisers are all readily supported in our tools to test our designs with realistic scenarios.
New on Wahoo: Setup Wizard
We’re excited to roll out a slicker way to get you set up on new Wahoo products. This is one of many improvements we’re making in all of our app refresh.
Designing Vend’s new point of sale
How do you redesign a bread & butter tool that 15,000+ retailers around the world use all day, everyday?
Framer rotate image array module (Part 2)
Let’s animate the infinite loop!
Framer rotate image array module (Part 1)
VendHQ has recently gone through a fantastic rebranding and the outcome includes a bunch of beautiful icons that represents our users: A wide variety of retail store owners. I have taken some of these illustrations and turned them into a loading animation, hoping we will implement it in the near future to delight our end users!