ResLife Portal - Product Design Update

Existing web-based system for student housing at colleges and universities. The interface wasn't mobile-friendly, with a responsive / adaptive layout for various screen sizes.

Screen Captures of example project: ResLife Portal - residential life management system


  • Convert the core features of the system to a mobile-friendly layout
  • Use this as an opportunity to reevaluate workflows to further improve
Example screen capture of an Experience Diagram
Example screen captures of the interface (data visualization)


  • Created a new dashboard and navigation menu experience, to optimize for computers, tablets, and smartphones.
  • Dashboard includes new overview summaries and visualizations, as well as shortcuts to deeper content. Goal: to provide useful information quickly.


  • UX Strategy
  • UX Design
  • Interaction Design
  • Information Architecture
  • Workflow Diagramming
  • Rapid Prototyping (HTML/CSS/jQuery)
  • Production Front-end Development

Garofalo UX
People.   Place.   Processes.   Purpose.