MD Anderson
Modular Design System
Title
-
UI/UX Designer
Roles
-
UI/UX, Brand Development
Industry
-
Cancer Treatment
Cancer is complicated.
Our team’s task was to turn their current static-based website into responsive, design a new brand identity, design system and platform while simplifying an overwhelming and complicated digital user experience for current and potential patients of MD Anderson Cancer Center.
The Fighter's Experience.
Fighter-Focused Imagery & Iconography
Modular Design System
Based on our team’s discussions with shareholders and the need for ease and flexibility when it comes to updating page content, we decided to go with a Modular Design System. This is a design principle that subdivides a system into smaller parts called modules, which can be independently created, modified, replaced, or exchanged with other modules or between different systems.
Wires
Modular Arrangements
Each page was broken up into Modular Arrangements. Modules are composed of
individual elements such as imagery,
icons, text blocks and CTAs.
#DA291C
#000000
#FFFFFF
Layout 1
Layout 2
Layout 3
