CARP.ca

Site redesign


UX      UI      design

The Canadian Association of Retired Persons (CARP) provides a wealth of information and advocacy resources for older Canadians, however the existing web site suffered from visual and information clutter, inconsistent navigation, and accessibility gaps that have made it difficult for members to easily find and engage with resources.

EXISTING WEB SITE SCREENSHOTS

existing site - about CARP page
Interface sprawl, poor text contrast
existing site - advocacy landing page, menu rollout
Unwieldy drop-down navigation
existing site - community page
Disjointed 2-column grid layout

Objective

Re-launch CARP.ca with improved design and navigation, consistent with the rebrand; introduce an information hub that aggregates and curates indispensable content on health, finances and government services from a single trusted source.

Information Audit

Following a comprehensive audit of the existing site information, and through ongoing interviews with current and prospective members, we uncovered a number of reoccurring pain points expressed among users. These included:

  • Lack of clarity surrounding CARP’s value proposition, which was reported as “not immediately obvious” (e.g. index page, advocacy initiatives) among users who asked for a clearer introduction of priorities and segmentation of information for their specific needs (e.g. health resources, advocacy campaigns, retirement planning.)
  • Navigation complexity (e.g. large drop-down menu categories), particularly under the Advocacy resources section; users reported the site navigation as “overwhelming” and “difficult to find relevant resources”.
  • Poor onboarding process. User feedback on member services including signup and renewals indicated limitations, including a lack of options for accepting donations and managing subscription preferences.

TO VIEW IA WHITEBOARD FULLSCREEN, TAP THE

ICON, TOP RIGHT IN THE FRAME BELOW.

Design Prototype

Initial wireframes (desktop viewport) visualize a restructured hierarchy including a new top-level information tier (main navigation) prioritizing the information and resources users indicated as most important: Fighting Ageism, Healthcare, Financial Security, and Retirement Planning, Travel advice (Snow birds), and News relevant to older Canadians.

Navigational Affordances

The introduction of category labels and breadcrumb navigation enhance site navigation by providing clearer context. Category labels help users quickly identify relevant content, while the breadcrumb bar shows users their exact location within the site’s hierarchy, reducing cognitive load and making it easier to explore related content.

Simplified Onboarding Experience

Framed around CARP’s Join the Movement narrative, the updated onboarding process treats new memberships, renewals, gifts, and donations as distinct user journeys with easier to follow steps including a breadcrumb trail, overhauling the single screen format users previously indicated as “overwhelming”.

Multiple Renewal Options

To further ease cognitive load and reduce technological barriers for users, we provided the flexibility to renew memberships several ways:

Renewal via simplified Sign In screen using email and password credentials; removal of Google and Facebook integrations, which members reported as “never used” during the Sign In process.

CARP.ca - existing Sign In screen - desktop viewport
Existing Sign In screen (desktop viewport)
CARP.ca - redesigned Sign In screen - desktop viewport
Redesigned Sign In screen (high fidelity, desktop viewport)

Renewal without signing in, by providing two pieces of information associated with a user’s account (i.e. name, email address, phone number, or membership number), or by simply phoning the call center, which members reported as a “convenient” option to filling out an online form.

CARP.ca - membership renewal without sign-in - wireframe desktop viewport
Membership renewal option without sign-in – your information
(wireframe, desktop viewport)
CARP.ca - membership renewal without sign-in - wireframe desktop viewport
Membership renewal option without sign-in – membership type
(wireframe, desktop viewport)

TO VIEW DESKTOP VIEWPORT WIREFRAMES FULLSCREEN, TAP THE

ICON, TOP RIGHT IN THE FRAME BELOW.