UX / UI Designer
Responsive page systems, content hierarchy, service journeys, and interface direction.
Utility platform
HydroOne
A UX/UI system for content-heavy utility pages, focused on clearer navigation, calmer service journeys, and responsive information architecture.
Utility service UX
Help customers find account, outage, billing, rate, and support information with less friction.
Content at scale
Reusable modules designed to make long utility pages feel consistent and easier to scan.
Make high-density utility information feel calmer.
Hydro One needed service pages that could carry policy, billing, outage, and support content without making customers work to find the next step.
I translated complex service content into clearer page patterns.
The work focused on modular hierarchy, responsive structure, navigation clarity, and repeatable sections for long-form utility journeys.
Service architecture
Utility tasks need a visible next step.
The page system separates high-intent actions from educational content so customers can recover their path quickly, especially when they arrive with an urgent need.
The page structure gives customers clear starting points before they enter deeper utility content.
Critical support information is surfaced in a hierarchy that supports quick scanning under pressure.
Billing and rate content is broken into readable sections so users can understand context before acting.
Content UX
Long utility pages became structured stories.
The design language uses repeated blocks, contained imagery, and clear labels so customers can understand what each section is for before reading deeply.
Responsive behavior
The system had to survive long mobile pages.
Mobile layouts preserve content order, module rhythm, and touch-friendly actions while keeping important utility information visible.
The visual system helps different page types feel related, even when the content changes from education to account support.
Use hierarchy to separate urgent service tasks from educational content.
Each rule supports a more usable utility experience: faster orientation, calmer reading, and stronger continuity across devices.
Keep navigation close to the place where customers need it.
Each rule supports a more usable utility experience: faster orientation, calmer reading, and stronger continuity across devices.
Make reusable page blocks flexible enough for long utility journeys.
Each rule supports a more usable utility experience: faster orientation, calmer reading, and stronger continuity across devices.
Protect readability and touch targets when pages move to mobile.
Each rule supports a more usable utility experience: faster orientation, calmer reading, and stronger continuity across devices.
Outcome
A utility experience that feels less heavy.
Hydro One's page system brings clearer hierarchy, reusable content patterns, and responsive structure to customer journeys that could otherwise feel dense and difficult.