SDC Website Rebrand
Web Design
Case Study
Market Research
UX/UI
Prototyping
A fresh new look for Social Development Centre Waterloo Region.
My Role:
UX/UI Designer and Researcher
Project Duration:
12 Weeks
Solution:
Working closely with SDC, we will identify their core values, what they offer to the community, and what they want to display to public on their website. Using Figma, we created a prototype for them to develop.
Introduction
This research project took place over the course of the Winter 2025 semester as part of DAC 400: Digital Research Project at the University of Waterloo. Working in a team of three students, we were tasked with partnering with a local non-profit organization to help them rebrand their digital identity, including a logo, colour palette, typography, and a website prototype.
We were to focus on storytelling and a user-centric design to highlight their impact and engage their target audience. After some research and talks with multiple non-profits in the Waterloo Region, we decided to work with the Social Development Centre Region of Waterloo.
This partnership felt especially meaningful to me, as SDC is located just five minutes from where I live. Contributing to an organization rooted in my own community made the work feel both relevant and rewarding.
Problem
SDC’S EXISTING WEBSITE WAS DIFFICULT TO NAVIGATE, LACKED VISUAL COHERENCE, AND DID NOT COMMUNICATE A CLEAR OR COMPELLING BRAND IDENTITY. USERS OFTEN STRUGGLED TO FIND THE INFORMATION THEY NEEDED, RESULTING IN FRUSTRATION AND REDUCED ENGAGEMENT.
Research & Planning
Five Core Areas of Improvement
Scroll to see
Five Core Areas of Improvement
Organize the sidebar for better accessibility and improve the navigation bar and make clearer categories
Five Core Areas of Improvement
2
Ensure a uniform design across all pages and improve spacing, alignment, and section structure
Five Core Areas of Improvement
Develop a stronger landing page that outlines their vision and values
Five Core Areas of Improvement
4
Create a modern, rounded, and flowing aesthetic
Five Core Areas of Improvement
5
Design a mobile version of the website
Designing the Solution
Before Redesign
Designing the Solution
Our Figma prototype directly addressed the five core areas of improvement through a clean layout and an intuitive navigation system. We reconstructed the navigation bar for clarity, applied a consistent visual style across all pages, and designed a new landing page that clearly communicates SDC’s mission, values, and impact.
Colour Pallete
Typography
Designing the Solution
Figma Prototypes
My responsibilities for this project included improving the site’s navigation and redesigning the program pages to create a clearer, more user-friendly experience. Keep scrolling to see what I created:
Designing the Solution
Conclusion
Reflection
Overall, I found this project to be incredibly rewarding. It was amazing to witness the transformation from SDC’s current website to the prototype we delivered. Beyond practicing our research and design skills, we were able to offer real value to a non-profit that needed digital support but lacked the funding to secure it professionally. Seeing SDC’s enthusiastic response to our final work reminded me of the real-world impact good design can have and how design can serve a greater purpose when rooted in the community.
Hypothetical Next Steps
After reviewing our prototype, SDC expressed interest in securing funding to fully develop the website. While my group does not currently have the development experience required to build a project of that scale, I’ve offered to continue working with them in a UX/UI capacity should they bring a developer on board. I look forward to the possibility of seeing our designs come to life and helping ensure the final product remains aligned with the user-centered vision we established.
































