Expansive organizations often share a common branding pain point: the need for a website collective that is flexible enough to accommodate a variety of present and future applications across departments, yet cohesive enough to tell a familial brand story.
These issues guided our creation of dual websites for the prestigious Temple University Health System’s Heart and Vascular Institute and Temple Lung Center, which represent the first two iterations of a flexible component system that will be reconfigured and repurposed over time for other centers and institutes within the Temple Health organization.
We began these sister projects by examining the branding strategy that was already in place for Temple Health's printed materials, working to translate the elements effectively to the web — and pushing them further in places where it felt appropriate.
Rather than looking at these projects as one-off designs, we approached them as if we were creating a toolbox of modular components that could be reused and reconfigured to work in many different iterations over time. This atomic design-based concept allowed us to frame the various content types available across these centers with a backbone of strong, consistent visual elements — including typography, colors, buttons, filter and form elements — that were repeated throughout. By keeping these basic elements extremely simple, they can be mixed and matched in many different combinations while still feeling as if they belong together.
Going forward, the various Temple Health centers and institutes that adopt this framework will be able to pick and choose the components that serve their needs as they’re building new pages and be confident that they will work cohesively throughout.