Georgia Tech Campus Recreation Center Website Redesign
Interactive, accessible, and responsive redesign across 60+ subpages
Helping Georgia Tech students, faculty, and staff easily access recreation schedules, memberships, and facility information.
Timeline
May 2024 - Aug 2024
My Role
Lead UX Design, Design System, User Testing
The Team
2 Designers, 4 Developers, 1 PM
OVERVIEW
Background
• Challenge
The Recreation Center website was outdated, inconsistent across 50+ pages, and not accessible on mobile devices, leading to user frustration and difficulty finding schedules and resources.
• Opportunity
Redesign the site to be responsive, accessible, and consistent: improving usability and increasing student engagement with campus recreation.
Final Design
• 60+ Subpages
Reorganized into a clear IA with consistent visuals. Users can find programs, memberships, and schedules more easily.
• Mobile View
Fully responsive layouts designed mobile-first, improving access on the go for students checking hours and schedules.
• Design System
Established reusable typography, colors, and UI components to ensure long-term consistency across all subpages.
Impact
• User satisfaction
0%
0%
↑
Before: 56% rated “satisfied”
After: 81% rated “satisfied”
• User engagement
0%
0%
↑
Before: Avg. 2.3 pages/session
After: Avg. 3.0 pages/session
• Time on site
0%
0%
↑
Before: Avg. 2:45 min
After: Avg. 3:30 min
• Accessibility compliance
0%
0%
↑
Before: 65% compliance (audit)
After: 95% compliance
PROBLEM
Why are users struggling?
Through our preliminary research and usability audit, we found that the Campus Recreation Center website suffered from inconsistent layouts, text-heavy pages, and inaccessible design patterns. Key actions were hidden within paragraphs, tables were difficult to read, and important details were scattered across multiple sections. These issues created confusion, slowed users down, and often left students uncertain about how to complete essential tasks such as registering for programs or understanding membership options.
DESIGN
Solution Overview
To address these challenges, we developed a unified design system and applied it consistently across more than 60 subpages. The redesign focused on three pillars: clarity, accessibility, and consistency. This not only improved usability for students but also simplified long-term maintenance for staff.
New Homepage
Overview of the redesigned subpages.
* Shown here are the primary-level pages; secondary and nested subpages are not included.
REFLECTIONS
What I learned
• Designing for scale
Working across 60+ subpages taught me how to create solutions that are scalable. Establishing a design system early on was essential. It ensured consistency across a large and complex site while making future updates manageable for staff.
• Communicating with developers
Collaborating closely with developers helped me understand how design decisions translate into implementation. I learned to document components clearly, explain design rationale, and negotiate trade-offs when technical constraints arose. This improved my ability to communicate across disciplines and ensure that design quality carried through to the live site.
• The importance of hierarchy
Redesigning dense pages reinforced how much visual hierarchy impacts comprehension. I learned how to allow users to scan and act with far less effort by introducing clear sectioning, typography, and action-oriented buttons.