National Multiple Sclerosis Society

National Multiple Sclerosis Society

Award-winning digital experience, accessible storytelling, bilingual video production, and custom data visualization for a national health nonprofit.

Client

National Multiple Sclerosis Society

Role

Creative, content, web, automation

Timeline

Enterprise delivery partnership

Stack

Salesforce Experience Cloud / Sanity CMS / Python / OpenAI / Accessibility

National Multiple Sclerosis Society representative work case study placeholder image

Representative work

Award-winning work by the team behind SuperRad.

Built as part of a larger enterprise delivery partnership, the National MS Society initiative combined enterprise-scale web delivery, accessibility-first design, bilingual storytelling, content systems, data visualization, and practical AI prototyping.

2024

Salesforce Partner Innovation Award

The broader initiative was recognized for its digital experience work.

Largest

Salesforce Experience Cloud website

Supported a high-volume nonprofit resource platform built on Experience Cloud.

100K+

video views

Public video storytelling reached a meaningful audience across core Society storylines.

77%

average completion rate

The produced video work held attention well beyond a simple awareness touchpoint.

56K+

ZIP-code records processed

Raw chapter assignment data became usable map-generation input.

31

chapter maps generated

Branded county-level maps could be regenerated in roughly three minutes.

More than a website redesign

The National MS Society website is a trusted resource surface for people who may be newly diagnosed, navigating symptom changes, looking for support, or trying to understand what comes next.

The broader initiative needed to make a large content library easier to navigate, work better on mobile, support accessibility requirements, connect to Salesforce systems, and give internal teams stronger publishing workflows.

SuperRad’s team led major creative, content, web, and automation workstreams across the effort, helping turn a complex national nonprofit platform into a more accessible, useful, and human digital experience.

The challenge

A high-stakes resource platform had to feel clear under pressure.

People often arrive at health nonprofit websites during stressful and urgent moments. The experience had to support practical discovery, plain-language content, accessibility, personalization, and trust.

Resource discovery

The content library had grown into a major hub. Navigation and page structure needed to help visitors find the right support without already knowing the system.

Mobile and accessibility

Most visitors were already using mobile devices, and the experience needed to support WCAG AA-focused design, readable content, and screen-reader-compatible patterns.

Enterprise systems

The digital experience had to work across Salesforce Experience Cloud, CMS content structures, analytics, search, and personalization needs.

Human storytelling

The Society's role needed to become easier to understand through real people, real support paths, and video content built for the website.

Chapter support

Local chapter pages needed branded map assets generated from a large spreadsheet of ZIP-code and chapter-code records.

Workflow pressure

The launch needed complete content, graphics, media, QA, and supporting assets, not empty templates waiting for a second phase.

The work

Design, content, code, media, data, and accessibility had to move together.

SuperRad's team supported the website experience while also producing the surrounding content system that made the launch feel complete.

Accessibility as a creative and technical discipline

Accessibility was not treated as a compliance checkbox. It shaped page design, content strategy, media production, component behavior, and how visual information could become understandable to more people.

The public platform work centered on a mobile-first, multilingual, accessibility-focused experience. SuperRad’s team helped make those priorities practical across web pages, graphics, video deliverables, and prototype tooling.

The result was a broader digital system: web components, CMS workflows, bilingual storytelling, custom graphics, chapter maps, data cleanup, and AI accessibility prototyping.

Video storytelling

Human stories gave the platform a clearer voice.

The video series translated a large national organization into human stories: people living with MS, people helping others navigate the disease, and advocates bringing awareness into their communities.

Navigator: one of three core public storylines produced in English with a Spanish-language companion deliverable.
Ambassador: community-centered storytelling for volunteer and advocacy awareness.
The Society: a broader story about the organization, its mission, and the people it serves.

6

bilingual deliverables

Three English videos plus three Spanish-language companion versions.

7

states represented

A national story built from geographically distributed interviews.

13

interviewees

People living with MS, Navigators, Ambassadors, and Society voices.

9 min

core runtime

Approximately nine total minutes across the three main stories.

Data visualization

Automation replaced a highly manual chapter-map workflow.

The Society needed polished, branded, county-level maps for chapter subpages. The source data was a 56,000-line spreadsheet of ZIP codes and chapter codes, not ready-to-use map artwork.

Parsed raw records

Processed 56,000+ ZIP-code and chapter-code rows into structured input for geographic matching.

Resolved geography

Connected ZIP-code records to mappable geographic boundaries using GeoJSON and open-source geographic datasets.

Generated branded maps

Created 31 county-level chapter maps with NMSS styling, county outlines, labels, and web-ready SVG/PNG exports.

Made updates repeatable

Reduced regeneration to roughly three minutes, turning a large manual production task into a repeatable workflow.

Placeholder for National MS Society chapter map output
Chapter map media can be swapped to /uploads/nmss/chapter-map.webp when the approved map image is added.

The tool also improved the source data

In the process of building the maps, the workflow exposed inconsistencies in the source data. Instead of simply producing visuals, the tool helped the team identify information that could be corrected for chapter communication, regional coverage, and resource allocation.

That mattered because the map work was not just a design deliverable. It turned messy operational data into a maintainable visual system the team could update when records changed.

AI accessibility prototype

Practical AI, focused on a real accessibility need.

The AI Visual Transcriber was an experimental prototype, not part of the final NMSS production platform. It demonstrated how AI could help blind and low-vision users understand important visual changes in video content.

Built to test practical accessibility

The prototype detected video cuts, generated visual descriptions, converted those descriptions into audio, and used a chime to signal that a new description was available.

A viewer could pause, hear the visual description, then continue watching. The point was not novelty. It was a grounded test of how AI could support a real accessibility workflow.

AI Visual Transcriber prototype
Prototype demo media can be swapped to /uploads/nmss/ai-visual-transcriber-demo.mp4 with poster /uploads/nmss/ai-visual-transcriber-poster.webp when approved assets are added.

Results

A complete digital system, not a disconnected set of deliverables.

The work contributed to an award-winning digital experience recognized with a 2024 Salesforce Partner Innovation Award and supported the launch of the largest Salesforce Experience Cloud website in production.

Supported a mobile-first, multilingual, accessibility-focused website experience.
Helped connect web templates, content structures, CMS workflows, and launch QA.
Created bilingual documentary-style video content across three core storylines.
Produced static graphics, motion graphics, site media, and page-level assets.
Generated 31 branded chapter maps from more than 56,000 source records.
Prototyped AI-assisted visual transcription for video accessibility exploration.

The takeaway

This is the kind of work SuperRad is built for.

Complex digital experiences work best when design, development, content, data, accessibility, and automation stay connected. The National MS Society project showed how a lean creative technology team can move across those needs without turning the work into a bloated agency process.

Framing: representative work by the team behind SuperRad as part of a larger enterprise delivery partnership

Scope: web design, web development, content systems, bilingual video, motion graphics, data visualization, Python automation, and AI accessibility prototyping