Agilent 2D 3D Video Landing Page

Role

UX / UI Designer

Client

Agilent

Project Overview

Designed a product showcase landing page for Agilent's 2D/3D video technology platform. The page needed to present complex technical capabilities in an engaging format — appealing to both engineers and decision-makers.

The Challenge

Making highly technical features understandable to non-specialists
Integrating video demonstrations seamlessly into the page flow
Creating a visual narrative that builds from overview to technical depth
Designing for a dual audience: technical users and business decision-makers

Design Goals

Showcase 2D/3D capabilities through visual demonstrations

Create layered content: overview first, technical depth on demand

Drive demo requests and consultation bookings

Maintain Agilent's premium brand positioning

Design Approach

Video-First Hero

The hero section leads with an embedded product video, letting the technology demonstrate itself. Supporting text provides context, and the primary CTA sits directly below.

Feature Showcase Grid

Technical capabilities are presented through a visual grid with animated icons, short descriptions, and expandable detail sections.

Comparison Visuals

Side-by-side 2D vs 3D comparison sections use interactive elements, making the technology's value immediately tangible without requiring technical knowledge.

Outcome

Engaging landing page communicating complex technology through visual storytelling
Layered content architecture serving both technical and executive audiences
Seamless video integration enhancing the user flow
Clear conversion pathways from awareness to demo request