dat.city
2026·Three.js, WebGL · personal project
A world data playground: rankings become towers and trends become neighbourhoods in a 3D city where every district is a living dataset.
Hey, I'm Ryan.
Creative technologist who designs.
Ten years designing and building digital things: interfaces, visuals, motion and the production code that ships them.
ProductWebGraphicMultimediaCreative development
Experience
- Owned design across the Donor Management, Finance and Programme Management systems, the Donor Portal, donation widgets and forms, and fundraiser pages.
- Made the CRM and the entire app theme customisable so every client could match their own branding.
- Built internal developer tools, with AI assistance, that let engineers extract Tailwind classes and CSS properties straight from designs.
- Worked end-to-end: research, high-fidelity UI, prototypes, and production front-end code.
- Started as a self-learning project to explore design tools, then grew into a free and premium product.
- Downloaded over 50,000 times across design communities.
- Paid customers include designers at SAP, BCG, Comcast, O'Reilly, Adevinta, InVision and more.
- After I shared Studio Jam work on Dribbble and social media, InVision approached me for a short contract.
- Animated the internal InSpace UI kit to explore and showcase InVision Studio features.
- Designed Scratch, a promotional UI kit distributed by InVision for lead generation.
- Led the UI/UX design team across Bridestory (customer app), Bridestory Pro (vendor portal) and the main website.
- The whole company, assets and people, was acquired by Tokopedia, then a $7B unicorn.
- Contributed to the integration of Bridestory into Tokopedia's main app.
- Tokopedia is now owned by ByteDance, TikTok's parent company.
- Designed the website and mobile app in Sketch.
- First introduced to React here, which later shaped how I work between design and code.
- In a small team I also served as scrum master and helped manage project timelines.
- The product didn't make it, but the experience did.
- Early days of consumer VR: we shipped for the original Oculus Rift, now Meta Quest.
- Used the Leap Motion controller, made by David Holz, who later founded Midjourney.
- Designed VR menu UI and prototyped a mobile game; also modelled in Blender and Maya as a 3D generalist.
Selected work
SAEL Lab
2026·Curated interactive pages
Interactive experiences from my experiments with Three.js.
InSpace UI Kit animation
2019·InVision Studio · motion design for InVision
Animated InVision’s internal UI kit to show what Studio could do; used across their marketing.
Core Design System
2019·Figma, Sketch, XD · free and premium template
50,000+ downloads; paying customers at SAP, BCG, Comcast, O’Reilly, Adevinta and InVision.
Charity CRM theme editor
2023·N3O · product design and front-end
Let every charity re-skin the entire CRM to their own brand without engineering help.
Design-to-code inspect tools
2024·N3O · internal developer tooling with AI
Engineers extract Tailwind classes and CSS from designs in one click, cutting handoff time.
12,000+ handcrafted icons
2020–now·Figma · personal practice
A daily discipline in detail and consistency, now a collection of more than 12,000 icons.
Rapid Copywriting for Figma
2023·Figma plugin · weekend project
Populate realistic copy in one click, released before Figma shipped AI Rewrite.
Design explorations
2017·Sketch, InVision Studio · Dribbble
Early public work that led directly to the InVision collaboration.
Paid customers of Core Design System include designers at
- SAP
- BCG
- Comcast
- O'Reilly
- Adevinta
- InVision
- Monash University
- Sky
- Stacks
Logos are of companies whose designers bought the premium version.
Skills
- Design
- Product designInteraction designDesign systemsPrototypingIconographyMotion designFigmaUser research
- Build
- Next.jsReactTypeScriptTailwind CSSMotionHTML & CSSFigma plugins
- Earlier
- UnityC#BlenderMayaSketchInVision StudioScrum
Let's talk.
Available for design and creative development work, remote friendly. Email is the fastest way to reach me.