PRiME WebRevamp
A ground-up rebuild of UofT's Precision Medicine Initiative
- Product design✦
- Next.js✦
- Motion✦
- Design systems✦
- Full-stack✦
- TypeScript✦
- Interfaces✦
- Shipped✦
A closer look.
Design and engineering, under one roof.
From first wireframe to production deploy — one person accountable for how it looks and how it runs.
Product design
Interface design and design systems that hold up as products grow — from first wireframe to a token system the whole app speaks.
Frontend engineering
Fast, accessible interfaces in React and Next.js, animated with intent. The kind of front end that feels expensive without feeling heavy.
Full-stack build
The parts users never see but always feel — auth, payments, multi-tenant data models, and the deploy pipeline that ships it all.
I care about the seams — the moment a page loads, the weight of a transition, the line of copy in an empty state. Software should feel as considered as it is capable.
A clear line from idea to live.
Understand
Before pixels, the problem. Who is this for, what has to be true for it to work, and where does the current thing get in the way.
Design
Shape the system — type, space, motion, components. Decisions made once, in tokens, so the whole product stays coherent.
Build
Engineer it for real: typed, accessible, performant. Motion that respects the user and the device it runs on.
Ship
Production on day one. Continuous deploys, real data, and the small refinements that only show up once it's live.