SaaSBiotechComponent SystemMarketing

Benchling

Redesigned the marketing site for a $6B life sciences R&D platform — structuring content strategy, zone diagrams, and a scalable component system built for CMS.

Client

Benchling (via Code & Theory)

Role

Product Designer

Duration

3 Months

Platform

Web

Benchling — Hero Shot
Benchling — Live Site
01
The Brief

A $6B biotech platform needed a marketing site that could scale with the product

Benchling is a life sciences R&D cloud platform used by over 200,000 scientists at companies like Moderna, Regeneron, and Gilead. Their existing marketing site hadn't kept pace with the product — it lacked a high-end visual style, wasn't structured systematically, and couldn't scale as the company added new product lines, use cases, and content.

Working with Code & Theory, I was part of a three-person design team — myself, a UX designer, and a visual designer. We collaboratively tackled the content strategy, zone diagrams, visual look and feel, and component architecture for a comprehensive redesign of the product and company marketing site.

Homepage — The Life Sciences R&D Cloud
Homepage — The Life Sciences R&D Cloud
Homepage — Alternate Direction
Homepage — Alternate Direction
02
Systematic Design

Zone diagrams and components that tell stories in a repeatable way

The core challenge wasn't just making it look better — it was making it scalable. Every page needed to be built from reusable zones and components that could be assembled and maintained through a CMS. I focused on standardizing and componentizing everything so that as Benchling added product pages, use cases, and landing pages, the team could build them consistently without starting from scratch each time.

We designed zone diagrams that structured content into repeatable narrative patterns — hero sections, product feature breakdowns, customer proof points, CTAs — and delivered a comprehensive template guide covering desktop and mobile specifications for every component.

Notebook Product Page — Feature Breakdown & Social Proof
Notebook Product Page — Feature Breakdown & Social Proof
Validated Cloud — Enterprise Compliance & Security
Validated Cloud — Enterprise Compliance & Security
Benchling for Startups — Onboarding & Pricing
Benchling for Startups — Onboarding & Pricing
Careers — Mission & Culture
Careers — Mission & Culture
03
Component System

A template guide that made the system buildable and maintainable

The template guide documented every component across desktop and mobile — specifying layout, spacing, content requirements, and responsive behavior. This wasn't a design system in the traditional sense — it was a production blueprint that gave the engineering and content teams everything they needed to build and extend the site independently.

Template Guide — Full Component Inventory (Desktop & Mobile)
Outcome

A scalable foundation still in use today

The site shipped and Benchling continues to use the structural and strategic foundation we designed. They've extended and improved it since, but the zone-based architecture and component approach remain in place — exactly the kind of longevity you want from a systematic design engagement.

My contribution

Component Architecture

Content Strategy

Zone Diagrams (UX)

Visual Design

Responsive Design

Collaborators

Code & Theory

UX Designer

Visual Designer

Benchling Marketing Team

Tools

Figma

Sketch

Next project

Goldman Sachs

Equities & Fixed Income Advisory Platform