Case study · CRC

Energy for today. Carbon management for tomorrow.
One homepage for both.

We designed and developed a responsive corporate homepage that connects CRC's established energy business, Carbon TerraVault growth platform, operating footprint, investor resources, and public information in one navigable system.

Explore the homepage preview ↗

CRC corporate homepage connecting California energy operations with Carbon TerraVault

Project type

Corporate websiteHomepage system

Industry

EnergyCarbon management

Capabilities

Information architectureUX/UI designResponsive designFront-end development

The challenge

Explain a complex platform without flattening the business.

CRC needed one corporate front door for two connected stories: an established energy business and a growing carbon-management platform. The homepage also had to serve investors, interest owners, partners, communities, and job seekers without turning into a wall of corporate navigation.

The work was to create clarity without removing depth. Each audience needed a direct route, while the page still had to explain how operations, infrastructure, geography, and Carbon TerraVault fit together.

Interaction design

Complex information, organized around the questions people bring.

Search, operating regions, business stories, and responsive navigation share one visual and interaction system. The interface lets someone move from a broad corporate question to a specific place, project, resource, or next step without losing context.

CRC site-wide search grouping businesses, pages, investor resources, and careers — **Site-wide search**
A keyboard-ready search layer groups businesses, pages, projects, locations, people, investor resources, and careers without taking the user away from the homepage.

CRC About mega menu organizing company information, leadership, careers, contact, and a featured career story — **Corporate mega menu**
Each primary section opens into a structured overview, focused link groups, and one contextual story instead of a flat directory of corporate pages.

CRC operating footprint selector showing the San Joaquin Basin with supporting business context — **Operating footprint**
A five-region selector pairs spatial photography, short business context, and dated operating facts in one stable frame.

CRC mobile homepage with responsive hero, calls to action, and carousel controls — **Responsive homepage**
The editorial hierarchy, primary calls to action, carousel controls, and location context stay legible on a smaller screen.

CRC mobile navigation showing corporate sections, search, careers, contact, and company details — **Mobile navigation**
Primary sections, search, careers, interest-owner access, contact, and corporate details live in one scrollable hierarchy.

What we built

A corporate homepage that works like an information system.

Nine major sections follow a deliberate sequence: define the platform, locate the operations, explain the infrastructure, introduce Carbon TerraVault, then support sustainability, investor, news, and career paths. That structure reflects our broader approach to strategy-led website design and development.

✓A four-scene hero that introduces the energy and carbon-management story through real operating landscapes ✓Structured desktop navigation, a scrollable mobile hierarchy, and a site-wide search layer ✓Interactive operating-region, infrastructure, and news controls that turn dense information into focused states ✓Responsive contact routing and audience paths for investors, interest owners, careers, and corporate inquiries

The editorial system

Distinguish the two businesses without splitting the brand.

Deep navy, warm gold, field photography, and a high-contrast serif give the established energy story weight. Carbon TerraVault introduces a quieter green accent and proof-led structure, so the growth business feels distinct while remaining part of one CRC platform.

CRC Carbon TerraVault section pairing an Elk Hills injection wellhead with proof points and clear next steps — **Carbon TerraVault story**
Operational photography, three concise proof points, and two clear next steps give the growth business its own voice inside the broader corporate system.

Connected business stories introduced through one corporate platform

Operating regions compared through one interactive footprint selector

Responsive hero scenes that establish place, scale, and business context

The business did not need to be simplified. It needed to be made navigable.

Project lead

Brendan Collins

Brendan led information architecture, UX/UI design, responsive design, and front-end implementation for the CRC corporate homepage.

His focus was preserving technical credibility while giving each audience a clear entry point, from business and location content to investor, career, and contact routes.