Modernizing a membership website for a distinguished institution.

Council on Foreign Relations Membership Website

Founded in 1921, the Council on Foreign Relations (CFR) is an independent, non-partisan think tank and publisher specializing in U.S. foreign policy. Its membership includes government officials, global business leaders, and prominent members of the intelligence and foreign-policy community.

CFR holds hundreds of meetings per year for its members, discussing international and foreign policy issues. These members use the member portal to accept invitations, invite other guests, and find out about upcoming events. To manage those event invitations, the staff at CFR uses an enterprise CRM. I was hired to work with CFR’s product team to not only overhaul their member services portal, but also revamp the enterprise tool that creates and manages CFR’s events.

ROLE


UX Designer (Contract)

VISUAL DESIGN


Jamison Jones

INDUSTRY


Public & Foreign Policy

7/2017 - 6/2018

PROJECT KICK-OFF
With 6 departments and more than twenty stakeholders involved in the project, it was important to conduct stakeholder interviews and create a shared understanding of the project and the goals.

Kick-off Deck
THE CHALLENGE

Streamlining a disjointed experience

The primary use case of the member services portal is signing up for events. The current flow in place sent members to three different places. Not only was this an inconsistent user experience, but it also created an overcomplicated workflow for the CFR teams.

Current Flow – Sign Up
SITE ARCHITECTURE

Reducing the number of pages

I took an inventory of the current site pages and then, with stakeholder buy-in, proposed a new sitemap that reduced the number of pages.

current-sitemap-msp
proposed-sitemap-msp
DESIGN

Wireframes and visual design

Working closely with the visual designer, Jamison, we created designs that modernized the experience, while also aiming to simplify the workflow for the CFR team. The work is ongoing.

OLD DESIGN
Member-Home-Current
meeting-invite-1
edit-profile
profile
WIREFRAMES
Dashboard
All-Events
Multi Session – Pre-event
Profile – Visible
VISUAL DESIGN
MSP_Dashboard
All Events
Event_Single
Profile

Selected Work

Speech Device SettingsUX Design, Research, Touch Device

Budgeting AppUX Design, UI Design, Research, iOS

Grocery WidgetUX Design, UI Design, Desktop & Mobile Web

Education AppUI Design, iOS, Android

Networking PlatformUI Design, Web

Membership WebsiteUX Design, Web