The University of Maryland's Registrar website serves as a critical hub for over 40,000 students, managing course registration, transcripts, and academic records.
This redesign project focuses on transforming a text-heavy, outdated interface into a streamlined, user-centric digital experience. By implementing a modern visual hierarchy and intuitive navigation structure, we aimed to reduce student anxiety during registration periods and make essential academic information readily accessible.
Project type
Individual
Timeine
3 Weeks
Tools
Figma, HTML, Nano Banana
Project Overview
The Problem
The legacy interface suffered from information density, lack of clear navigation paths, and poor mobile responsiveness, leading to increased support tickets during registration windows.
Visual Clutter
Excessive text without hierarchy made it difficult for students to scan for important dates or deadlines.
Outdated Navigation
Menu structures were deep and confusing, often requiring 4+ clicks to reach essential forms.
The Solution
A modern, accessible, and responsive redesign that prioritizes top tasks. The new interface uses card-based layouts and the UMD color palette to guide users effectively.
Information Arcitechure
Restructured content into logical categories, reducing time-to-task by 40% based on user testing.
KEY IMPROVEMENTS
Visual Hierarchy
Utilized typography and spacing to separate content, making the page scannable and digestible.
Search Visibility
Accessibility
WCAG 2.1 AA compliant colors and semantic HTML structure ensure access for all students.