A digital foundation built for planners.

A screenshot of the Canadian Institute of Planners' website.

Digital Strategy

Creating a clear blueprint.

Armed with a new brand and an ambitious new strategic plan, CIP wanted to improve its website’s usability to create a more engaging and inclusive experience. We began by diving into their website’s analytics and reviewing other planning sites in Canada and abroad.

We found that most planning sites fail to prioritize and organize member-centric content in the navigation. With a barrage of menu options and no clear hierarchy, planning association sites often make it difficult for users to navigate the experience. We rethought CIP’s site architecture to guide a diverse group of planners at various stages of their careers and planning journeys.

A large screenshot showing the clean presentation of content on CIP's website.

UX/UI Design

Equally inclusive and progressive.

CIP’s new website reflects an aesthetic reminiscent of an architect – clean, polished and professional. When users land on the site, we want them to feel momentum and action. We also saw the potential to incorporate urban design components throughout the experience, such as the geometric pattern that represents the building blocks of community and knowledge.

Accessibility was a key focus in the design process. We distilled CIP’s core values into clear, digestible layouts, incorporating modern and accessible user interface elements. This included carefully planned tab indexes for seamless navigation via screen reader technology. We also prioritized proper contrast and thoughtfully used colour to distinguish their organization’s strategic pillars across the site.

A screenshot of the use of CIP's branding and colour palette to showcase different content as well as the accessibility features.

Development

Advancements across the entire experience.

A key focus for CIP was improving site performance across key metrics such as page speed and mobile friendliness. We also recommended a suite of integrations to improve usability and content management. 

This included using WPML to create a French translation of the website’s content and custom post types for their learning resources. It also included incorporating SearchWP to improve search functionality, enabling users to perform advanced searches on CIP’s resources, blogs, and news content.