Case Study

The Menopause Society

Brand and website transformation

The Menopause Society (formerly The North American Menopause Society or NAMS) empowers healthcare professionals working across the menopause journey with certification, tools, patient-facing resources, and professional development opportunities to improve women’s health and healthcare experiences — a commitment backed by evidence-based medicine, decades of industry leadership, and a passion to improve women’s lives.

We were asked to create a compelling new brand to better represent the mission and vision of the organization while modernizing an out of date website to better serve two key audience groups: health care professionals and patients.

Organization

The Menopause Society * Distributed 501(c)(3) nonprofit

My Role

Design Strategy & UX Lead * Stakeholder Workshops * Information Architecture * Concept Ideation * Wireframing * Creative Direction * Visual & Interaction Design

Tools

Microsoft Teams * Microsoft Powerpoint * Octopus.do * Adobe InDesign * Adobe Illustrator * Adobe Photoshop * Sketch

The Menopause Society rebranding and website case study overview image

Project Goals

  • Reposition the organization to more accurately reflect and highlight the inclusiveness in providers and provider types and the fact that membership has never been limited to North America
  • Create a brand voice that adjusts when the audience shifts between health care providers and patients but is always passionate, smart, approachable, confident and inclusive
  • Clearly communicate the benefits of membership, develop a content calendar and SEO strategy to increase social engagement and membership
  • Create a clean, modern & engaging website that showcases diversity and both male and female health care providers while enabling easy access to professional resources and patient education

Discovery and primary research

We created a survey asking for feedback from Society members about their membership experience to inform and guide the strategies we pursued, ensuring member needs were being met and giving us valuable information on members thoughts, feelings and impressions of The Society, as well as it's future brand and website.

We also conducted several focus groups with professional members and patients to better understand the needs of our 2 distinct audience groups. The insights from this research were all then provided to our content team as they started to work with the client on a content strategy to meet the audience needs.

The Menopause Society primary research member survey questions
The Menopause Society primary research member survey questions
The Menopause Society primary research member survey questions
The Menopause Society primary research member survey questions
The Menopause Society primary research member survey questions
The Menopause Society primary research member survey questions
The Menopause Society primary research member survey questions
The Menopause Society primary research member survey questions
The Menopause Society primary research member survey questions

Information architecture / sitemap

In a series of project stakeholder working sessions, I facilitated discussions around what content was important, how to organize it and how we would gate content intended for Society Members. I used Octopus.do to create a sitemap that not only visually depicts the structure of the future site, but also serves as a content outline of each page within the site, capturing everything our content team would need to write for each page. Note: Below is a simplified view.  

The Menopause Society website sitemap

Brand repositioning

Our team helped The Menopause Society (formerly The North American Menopause Society) to reposition the organization to better represent the Society for growth and relevancy in the future.

The new name (The Menopause Society) more accurately reflects and highlights the inclusivity of the organization and the fact that membership has never been limited only to those from North America.

The new tagline (Leading the Conversation) positions the Society as the definitive resource for healthcare professionals and the public for accurate, unbiased information about menopause and healthy aging.

The shapes, colors and typefaces chosen for the new logo combination are minimal and modern. The three segments of the symbol create an abstract “M” followed by a period, which signifies the organization’s position as the leading authority on menopause and menopause care. The symbol's three segments also represent the three stages of menopause (premenopause, perimenopause, and postmenopause), while the forward lean conveys optimism, and the deep blue and violet colors denote wisdom and trustworthiness.

Before
Old branding and tagline for The North American Menopause Society
Right arrow
After
New branding and tagline for the repositioned Menopause Society

Style guide

As part of the rebranding effort, we created a style guide based on concepts we had identified to establish a well-defined visual identity for The Society going forward.

The style guide served both to inform and give direction to the design phase for the new website and to provide the client with direction on how to apply the new brand to marketing materials in the future.

Custom illustrations and icons are used in combination with photography capturing real people interacting with health care providers to create a uniquely identifiable quality to all branded materials, establishing The Society as the definitive resource for healthcare professionals and the public for accurate, unbiased information about menopause and healthy aging.

The Menopause Society style guide (color palette)
The Menopause Society style guide (typography)
The Menopause Society style guide (type principles)
The Menopause Society style guide (photography)
The Menopause Society style guide (illustrations)
The Menopause Society style guide (icons)

Wireframes

The final wireframes served as our blueprint for designing and building the new site. Several rounds of revisions ensured we accounted for all content and component types and aligned everyone's expectations of how the new site would be structured. I also facilitated technical workshops with our development team to ensure that they understood the intent and we could discuss any gray areas so that they could begin building the base framework of the site while the design was being iterated on.

The Menopause Society Home page and Professional Resources wireframes
The Menopause Society Practice Pearls and Patient Education wireframes
The Menopause Society Become a Member and Desktop Menus wireframes

Website experience

The website design solution brings together all of the new brand elements and creates a clean and modern feel while using a voice that is passionate, smart, approachable, confident and inclusive. After going live in September 2024, the initial feedback has been overwhelmingly positive from both professional members and patients in need of help.

The before and after home pages shown below showcase the transformation of both the brand and the website, creating a web presence that is much more professional and trustworthy and prioritizes ease of access to information.

The Menopause Society website design mockups home page desktop and mobile
The Menopause Society website design mockups Professional Resources and Patient Education pages
The Menopause Society website design mockups Practice Pearls and Annual Meeting pages
The Menopause Society website design mockups Patient Education Article and Become a Member pages
The Menopause Society website design mockups Topic: Hormone Therapy page and Desktop Menus
Before
The North American Menopause Society previous home page
Right arrow
After
The Menopause Society new home page