PRiME WebRevamp
A ground-up rebuild of UofT's Precision Medicine Initiative
PRiME is the University of Toronto's Precision Medicine Initiative. The existing site buried world-class research under a dated template. I rebuilt it end to end — a new visual language, a motion system, and a content model that finally does the work justice.
Real screens from the build.
Captured straight from the working app.
23 real events migrated into a filterable index — the team publishes without touching code.
Schedule, venue, and partners on a dedicated /events/[slug] page for each one.
Six convergent areas of discovery, framed with the weight the science deserves.
The real thing — click around.
Not screenshots — the live build, popped up right here. No install, no account, no sign-up.
The brief
Make a leading research initiative look like one. The old site was hard to update, slow, and visually generic — it undersold the people and the science behind it.
What I did
Designed and built the site on Next.js 16 and Tailwind v4, with a GSAP motion system for scroll choreography and the official PRiME identity threaded throughout. Migrated 23 events into a proper content model with individual /events/[slug] pages, so the team can publish without touching code.
Outcome
Shipped to production on Vercel. A site that reads as precise and modern as the science it represents — and one the team can actually maintain.
- 23 events fully content-migrated with dedicated pages
- GSAP-driven scroll motion system
- Official PRiME identity, end to end
- Deployed on Vercel, continuously