Scope
Manitoba Hydro (MBH) is the province’s sole energy provider. Its website and customer portal are essential tools for helping residents self-serve their energy needs and stay safe during outages and extreme weather events.
Challenge
Manitoba Hydro’s digital team manages the website using a markdown-based Hugo framework, which offers flexibility but can lead to inconsistencies in styling and usability. Manitoba Hydro engaged Q30 to enhance the digital experience, decrease support calls, and establish a documented design system to guide future work.
Process
Collaborating closely with Manitoba Hydro’s UX and content team, Q30 focused on design, documentation, and development. We audited the site, identified usability and consistency issues, and improved templates, navigation, and styling. Approved components were integrated into a new design system, accompanied by usage guidance, accessibility notes, and Hugo-ready code.
Outcome
The result is a cohesive, elegant digital experience and a standards site housing over 130 design elements. With this system, MBH now supports its internal teams with clarity and is preparing to share the resource publicly, reinforcing its commitment to transparency and service excellence.
Outcome
- 130+ components documented in a Hugo-based design system
- 2 properties redesigned: public site and internal standards guide
Let’s make something better together.