Project Overview
The UCF Housing website serves as a key resource for current and prospective residents navigating housing options, applications, rates, move-in and campus living.
In collaboration with a web developer, I led the design and content overhaul of the site, restructuring information, developing new page layouts and establishing a more consistent digital experience across Housing content.Can we
My Role
Lead Designer - UX/UI - Content Strategy - Web Design
Tools
Adobe - Wordpress - HTML/CSS - GA4
The problem.
Years of expanding content had created a large website with overlapping information, inconsistent page structures and unclear pathways to key Housing resources.
The challenge was to simplify the experience without sacrificing essential information, while creating a more visual, engaging design that made content easier to navigate and understand.
My Approach.
I began with a site-wide audit of over 100 existing pages, evaluating content for relevance, duplication, hierarchy and opportunities for consolidation.
From there, I reorganized information, established clearer content patterns and developed a set of reusable layouts to create greater consistency across the website.
AUDIT
Review existing pages and identify overlapping or outdated content.
ORGANIZE
Consolidate related information and establish clearer content hierarchy.
DESIGN
Introduce a more visual approach to content referencing the capabilities within the Athena template.
BUILD
Translate the system into functional pages within WordPress/Athena.
MEASURE
Use GA4 to evaluate traffic and user behavior after launch.
First Step- Creating a New Landing Page
The project began with the redesign of the Housing landing page and grew into a larger overhaul of the website’s content and page structure.
I created a shared Miro board to centralize brainstorming, visual references and page ideas, giving our team one place to review concepts, leave feedback and make decisions throughout the redesign.
Working closely with our web developer, we then began transitioning content from the existing website into the new experience. My focus was on how that information was structured, presented and understood by users.
BRAINSTORM → DESIGN → MIGRATE → REFINE → BUILD
Major Addition
I added Quick Links to give users direct access to high-priority resources without relying solely on the main navigation. The links can also adapt throughout the year, prioritizing resources based on where residents are in the housing cycle.
Before
After
Additional Pages Added to the Redesign
Before
After
Simplifying the Site
Throughout the migration process, we identified opportunities to combine overlapping information and remove unnecessary pages.
The initial redesign consolidated the site's core content from 64 pages to 40, creating clearer destinations while maintaining access to essential Housing information.
My Role
My role extended into implementation, building and updating pages within UCF's Athena/WordPress environment and using HTML/CSS for additional customization.
I also incorporated accessibility considerations throughout the process, including content hierarchy, readability, alt text and responsive layouts.
Measuring the Impact
Following launch, I regularly use GA4 to monitor traffic and user behavior, helping identify high-traffic content and opportunities to continue improving the experience.
1.3M+ Annual page views
120,000 Outbound clicks
2m 31s Average Engagement
