top-img_GNE_2xtop-img_GNE_2x

2015

Genentech Architecture

CLIENT

Genetech

ROLE

Visual Design - focusing on responsive editorial module design

Genentech needed a site that was easy to use and surfaced current stories in a clean, digestible way. Bringing editorial layouts to the home and landing pages made it easier to browse. We created specific tiles for their content to benefit their diverse audience. This gave Genentech a thoughtful, rich way to tell stories - furthering their editorial mission.  

 

Genentech’s Editorial Mission: “Elevate the pharmaceutical and biotech industries through storytelling that advances scientific understanding, shapes the healthcare conversation, and inspires our audiences to tell our stories and become brand ambassadors.” - Genentech

mobile_GNE_2xmobile_GNE_2x
breakthrough_2xbreakthrough_2x

RESPONSIVE DESIGN

We designed everything to be responsive at desktop, tablet and mobile breakpoints catering to their diverse audience. 

responsive-design_gne_2xresponsive-design_gne_2x

MODULAR SYSTEM

We broke the content down into responsive modules. This allows the system to be flexible as it continues to grow and evolve.

modules_GNE_2xmodules_GNE_2x
responsive_gne_2xresponsive_gne_2x

GLOBAL NAVIGATION

Gene.com is a robust site with a diverse set of content. We simplified the navigation to make the options clear and easy to navigate, yet still supporting an evolving site structure.