ResidencyWorks is a PD-built web app that helps medical students make their ERAS application read the way program directors expect. We helped clarify the UX and the UI for the full product - from the public marketing site to the core application tools.

The visual foundation of the product, Geist as the primary typeface paired with a clean color palette of blue, grey, and black.

Each feature gets its own clean card with a distinct visual treatment. Everything is spaced out and easy to scan.

A collection of responsive cards and motion interactions built to maintain consistency while adding visual depth throughout the website.

An animated microphone icon designed to communicate interaction states through smooth transitions and fluid motion design.

Data-focused interface components designed to present progress, tracking, and results through clear hierarchy and modern UI patterns.

Additional UI explorations combining layered card systems, transitions, and subtle animations to enhance the overall visual experience.

A full walkthrough of the website showcasing the visual system, page transitions, responsive layouts, and interaction design.

A complete animation overview of the ResidencyWorks web app highlighting interface behaviour, transitions, and interaction polish.