Mcmaster university, degroote school of business
Developing the Design System and UI Kit
WordPress
Project
The DeGroote School of Business needed to update its design system to support its growing digital presence. The objective was to enhance their online ecosystem and ensure a seamless experience across 37 websites that cater to various needs, including student organizations and academic resources.
Role Lead Designer
Partners 2 Marketing & Communications Strategists, 1 Communications Manager
Software Tools Adobe Xd
Challenge
The main challenge was an outdated and fragmented design system that no longer fulfilled the evolving needs of the business school. To support future growth and ensure a cohesive user experience across multiple microsites, there was an increasing demand for a scalable and modular solution.
Solution
The redesigned UI enhanced coherence, reduced code complexity, and established a scalable framework for web and mobile components. Applying Atomic design principles and streamlining components, also improved information organization and scalability.
Some key features of the redesign include:
- A focus on modularity and scalability
- A strong emphasis on accessibility and inclusivity, designing interfaces that are easy to use and navigate for users
- A unified and consistent visual design across all Degroote School of Business micro-sites
- Continuous improvement and iteration, regular updates and improvements to the design system based on user feedback
Mobile Previews
