News | August 26th 2020

Communication Arts Names C&T Health Webpick of the Week

Screen Shot 2020 08 27 at 5 32 26 PM

Code and Theory Health

Code and Theory debuts its new healthcare unit with a site that gives a warm design to the typically clinical medical imagery.

Originally published on Communication Arts

Responses by Dan Gardner, chief executive officer, Code and Theory.

Background: Code and Theory Health is a business unit Code and Theory has just launched to solve healthcare challenges. The website serves to communicate our uniquely digital-first perspective, our patient-first approach, our design sensibility and our healthcare experience as well as Scout Health, a rare disease and pharmaceutical agency that as been added to Code and Theory Health’s network. The audience of the site is primarily marketing and product decision-makers at healthcare companies.

Design core: Simplicity was the goal with Code and Theory Health. Everything was intentional, including the idea of a single-page site instead of multiple pages. This enabled us to have simple messaging and design elements to pull you down the page. The 3-D render graphics throughout the page were designed to bring a sense of depth and life to the messaging. We also designed an animated logo that reacts to the page scroll to extend the classic medical sign to a modern graphic. We utilized the cross element to showcase that Health is a seamless extension of the original Code and Theory.

Favorite details: We’re extremely proud of the branding as a whole. We wanted this to look and feel like a harmonious extension of Code and Theory by adding the plus sign. The Red Cross emblem created by Henri Dunant is a trusted symbol of protection, neutrality and humanitarian aid. The brand extension then takes the core of the classic Code and Theory black-and-white branding with a splash of blue to highlight the change and newness it was bringing to the agency as a whole. The cross within the healthcare industry is typically red, as you see on hospital signs, clinics and ambulances. We wanted to use a more calming palette: blue calls to mind feelings of serenity, and is often seen as a sign of stability and peace.

We wanted to create these biological shapes that felt digital, so we used cool, slick materials infused with warm light that shines out from within. The traditional amoeba or cell imagery you tend to see in the healthcare world—as well as patients being sick—is not always welcoming. Our goal with these features was to modernize it, turning them into pieces of art that still signify these images but are much more pleasing to the eye.

Challenges: Trying to find a balance in breaking out of the norm and sometimes stodgy, traditional healthcare imagery. Coming up with a way to extend from the Code and Theory brand to digitally differentiate it and showcase these offerings in a fresh way was both testing and fulfilling.

Time constraints: Time is always a necessary constraint in any design project that helps creativity. That said, this launch was very important for us, so we were sure to give it the necessary process that we would preach for all our client partners to do when launching a new brand and website.

Divergent paths: We believe that, with any new launch of a modern brand and website, it should be done systematically to allow for an evolution of time and context. This website was intentionally designed to evolve over time. Our focus isn’t on what we could have done differently but how it can continue to grow into its purpose.

New lessons: It’s an age-old aphorism that designing for yourself is always harder than for a client. In the future, we need to make sure we follow the same rigor and decision making from ourselves that we would expect from our clients.

Navigation structure: We intentionally wanted to simplify by having no navigation on a single-page site. Instead, we used the navigation area to demonstrate the network that Code and Theory Health is part of, including Code and Theory’s core brand and Scout Health. Rolling over the individual navigation items utilizes the visual grid system to blur out an area to provide focus and context to the item.

Technology: We used Craft CMS and React for the front end.

health.codeandtheory.com

Continue toSays a LotNews

Says a Lot —

Latest

Amy Carvajal
News — 

Little Black Book | 5 Minutes With... Amy Carvajal

Pgimstandard2
News — 

Campaign US | PGIM to Launch 8 Sites

Comm Arts Thumbnail
News — 

Communication Arts Names C&T Health Webpick of the Week

black-background.jpg

How to Design for the Unknown by Alex Mamorsky

DECODE Square Logo 4 nocode
News — 

Digiday | C&T Launches Thought Leadership Publication, Decode

Mediapoststandard
News — 

MediaPost | C&T and Scout Form Code and Theory Health

Codehealth pressasset
News — 

MM&M | Corporate Siblings C&T and Scout Health Join Forces

C Thealthstandard
Press — 

C&T Accelerates Innovation with Code and Theory Health

Get in Touch

  • Find Us

    One World Trade Center,
    62nd Floor

    New York, NY 10007

    More Offices
  • Work With Us

  • Press

  • Careers

    See All Open Positions

Continue toAbout UsSays a Lot

We Are a Digital-First Creative Agency

What We Do

Code and Theory is a strategically driven, digital-first agency that lives at the intersection of creativity and technology. We solve consumer and business problems with end-to-end solutions that flex to meet the needs of today’s ever-changing digital landscape.

Our Services

We provide a range of offerings built to support the entire ecosystem.

  • Data, Analytics and Research

    Our data-driven approach enables us to understand every aspect of end-to-end consumer journeys, and powers our work from start to finish.

  • Business & Organizational Consulting

    We work with our clients not only to define and deliver products, services and communications, but also to design the business itself.

  • Transformational Technology

    We help our clients reinvent their technical infrastructure and roadmap in order to deliver for the needs of today and tomorrow.

  • Services, Platforms & Products

    We create best-in-class platforms built around both the user and the business goals, often extending into connected physical expressions.

  • Integrated Marketing

    We deliver the right messages to new and existing customers across the entire ecosystem.

Our Offices

We have locations around the world.

Join Our Team

We're not typical, and neither are you. We're always looking to hire smart, interesting and forward-thinking people.
See All Open Positions

Code and Theory is a proud member of The Stagwell Group, a private equity firm that manages investments in new media and digital marketing services. Its portfolio includes dozens of collaborative, digital-first agencies and over 9,000 employees around the world. Led by a group of agency and industry professionals, Stagwell is a group of leading companies that are insights-based, practitioner-led and collaborative by design. Learn more about Stagwell at www.stagwellgroup.com

Get in Touch

  • Find Us

    One World Trade Center,
    62nd Floor

    New York, NY 10007

    More Offices
  • Work With Us

  • Press

  • Careers

    See All Open Positions