Moffitt Cancer CenterA design system for Florida’s largest cancer center

  • Content Strategy
  • Web Design & UX
Two researchers working in a medical lab

A modern, friendly, mobile-responsive design that reflects the Moffitt brand

Moffitt Cancer Center, the only Comprehensive Cancer Center in Florida accredited by the National Cancer Institute, had a website that didn't mirror the groundbreaking research and treatments happening within its walls. They enlisted the help of Reason One to refresh their website, aiming for a design that was modern, intuitive, and appealing to patients, their families, and researchers alike.

Modern, mobile-first user experience

The previous design of was conventional and outdated, contrasting with the innovative and future-oriented image of Moffitt Cancer Center. Furthermore, the design was required to project a warm and welcoming feel rather than the impersonal, clinical vibe common among healthcare providers.

Our research during the discovery and definition stages revealed that a large proportion of users accessed through mobile devices. Consequently, the new design system needed to transition smoothly from desktop to mobile views.

Set of elements to uphold brand integrity

A well-defined design system benefits both external users and content editors. The design system serves as a subtle navigation aid for website visitors by clearly indicating the type of content, the actions to be taken, and the site navigation method.

For content editors, the design system acts as a pre-established "kit of parts" that includes templates, components, and design elements that are mobile-first and user-friendly. This approach minimizes the time editors spend on page creation and element placement. As the website grows with the addition of pages and requires more templates, the design system's structure provides a framework that allows for site evolution while preserving the brand's identity.

The revamped Moffitt Cancer Center website, showcasing their new design system, was launched in the summer of 2023.

Moffitt homepage desktop version
Moffitt homepage on mobile
Moffitt Find a Doc on mobile
Moffitt Community of Courage feature on mobile
Moffitt menu on mobile
Moffitt cancer content on mobile
Moffitt treatment options on mobile