Going global
refreshing otpp.com




An ambitious new brand needs a site built for speed and global need

With eyes on global expansion, OTPP needed a site that allowed for lightening fast communication and regionalization. This resulted in a complete overhaul of the site structure, content strategy and User Experience.

The investments section of the website
Mobile wireframes

Task & actions

I led the UX team (co-ordinating with vendors Accenture, EXT and Digital On Six), focusing on constructing a site that would:

  • Respond to our key regions: Latin America, Asia-Pacific, North America and EMEA
  • Allow for quick content creation & publishing
  • Create a simpler, more searchable IA with a site structure that created consistency for our four-core audiences, (Corporate, Investors, Careers and Plan Members).

We build a component-based CMS, that allowed for dozens of components that had built-in personalization and regionalized-content. This allows for content creators to drag-and-drop page layouts, add content specific to each region and publish instantly.

Dozens of components used as building blocks for the website

We achieved lightening-fast speed to market through dozens of components

Atomic design guidelines to inform the larger UI UX

Each component was atomically designed to ensure consistency and brand quality

Our Design System was Figma-based to empower multiple collaborators

Figma allowed for multiple teams and vendors to add, modify and refine the design system

Global, brand storytelling

Using Atomic Design and a thorough Design System (in Figma), we were able to sync multiple teams (including vendors) to adhere to one style system. This system helped us develop, prototype and test the user experience with potential users. This testing led to refinement, which ensured an engaging platform upon launch.

The current site has seen explosive growth from visitors to our Investments and Careers sections. We've also seen increased engagement with our news and newly redesigned Member content.

Sample web pages on mobile
“This is a quote about the project
from the client/stakeholder”
-Sam Sarnia, CEO
Ontario Teachers' Pension Plan