Website Redesign
Communication Design · Simon Fraser University
Intro
As part of Simon Fraser University’s institutional rebrand, I contributed to the redesign and evolution of the university’s web presence, helping translate updated brand standards into a cohesive and scalable digital experience. My work focused on UI design systems, web templates, visual consistency, and creating accessible communication tools that could support the diverse needs of departments across the university.
Responsive homepage system implemented across SFU departmental websites
The Challenge
When SFU introduced its new branding, the university’s web ecosystem needed to evolve alongside it. The challenge was not only visual, but structural — creating a cohesive digital system that could support a wide range of departments, audiences, and content types while maintaining consistency, usability, and accessibility.
Because SFU’s web presence spans many faculties, departments, and administrative units, the system also needed enough flexibility to support diverse communication needs without losing alignment with the university’s overall identity.
Sample site homepage
Sample site subpage
My Role
My role focused on translating SFU’s updated brand identity into cohesive digital experiences through scalable web templates, responsive layouts, and interface systems that could be implemented consistently across the university. I worked closely with developers to ensure the designs were effectively implemented within Adobe Experience Manager (AEM).
Design Documentation
A detailed design system was created to support scalable implementation across SFU’s web ecosystem.
Core Details
Image and Text Layouts
Title Style
Text and Image Style
The Outcome
The finalized designs were implemented within Adobe Experience Manager (AEM) and adopted across multiple departments throughout the university. The project helped establish a more unified and scalable digital presence aligned with SFU’s updated branding, while providing departments with flexible tools and templates that improved consistency, usability, and long-term maintainability across the university’s web ecosystem.
Best Practices
Design Guidelines for SFU Community