OnCampus Dashboard

UX & UI Web Design

Prototyping

OnCampus project mobile hero
OnCampus project mobile hero
OnCampus project mobile hero

Client:

University of Colorado, Boulder

Year:

2019 - 2020

OnCampus

Developed customized features for the OnCampus Dashboard, a personalized all-in-one resident dashboard, reducing onboarding time by 35% with higher resident satisfaction and sentiment.


Transforming campus life for 30,000+ CU Boulder residents

I architected and developed a complete redesign of OnCampus—CU Boulder's housing, dining, and campus life portal—building a modern, responsive web application that transformed how students interact with campus services.The existing OnCampus portal was built on outdated architecture with poor performance, no responsive design, and a rigid content management system that couldn't adapt to user needs.

—————————————

Design to Code Workflow:

  1. Design Tokens: CSS custom properties for consistent theming

  2. Component Library: Reusable UI components with JavaScript functionality

  3. Responsive Breakpoints: Mobile-first design system implementation

  4. Accessibility Standards: WCAG 2.1 AA compliance throughout

OnCampus mockup views
OnCampus mockup views
OnCampus mockup views
Dashboard feature cards
Dashboard feature cards
Dashboard feature cards

Outcomes

Reimagining the Campus Experience:

Our breakthrough insight: OnCampus failed because it ignored the reality of campus diversity. A first-year student checking laundry status has completely different needs than a graduate student managing family housing applications.

—————————————

How might we create a portal that adapts to each user's unique campus life, rather than forcing everyone into the same broken experience?

We designed a completely reimagined portal centered around personalized, modular dashboards that put each user's most important tasks front and center.