Guardant Interactive Kiosk

Client

Guardant Health X Havas

Role

Visual Design, UX/UI, Art Direction

Year

2023-2025

Guardant Health is a leading precision oncology company focused on unlocking the potential of genomic data to transform cancer care. As a full-service creative and strategic partner, Havas leads brand development, campaign strategy, marketing production, and digital design across Guardant's communications.

Conference Kiosk Development



Objective:


To design a digital kiosk experience for Guardant Health that not only educates healthcare professionals (HCPs) on the brand’s products and services, but strategically holds visitor attention—giving on-site sales representatives the opportunity to engage in meaningful 1:1 conversations.

Interactive Kiosk

https://www.guardantoncologytradeshow.com/


UX Site Map

Engineer 3 Unique User Journeys

Biopharma partners, US customers, and International customers each guided through custom paths to maintain relevance and extend engagement time.


Technical Challenges & Solutions


Vibe Coding in Action


Page Organization

To manage the volume of 90+ content pages , I focused on organization and pagination. Using unique labels for each product page improved visibility during editing.


Main Landing Page

Landing Page: Biopharma Partners

Landing Page: US Healthcare Providers

Landing Page: International Healthcare Providers


Product Hero Page

We designed distinct hero sections for each product page to provide a clear brand experience and guide user navigation.

Product Hero Pages & Content Pages

To maintain a cohesive look and feel across product pages, we used consistent brand colors in text and charts. This unified approach prevents user confusion when navigating deeper into the content.


Walkthrough


Results


The kiosk is still actively used across conferences, now in its third year of service. Continually updated with new content without needing developer support. Guardant’s field teams rely on it to educate and engage HCPs in a fast, intuitive, and visually branded way. Proved the value of design-led development in a traditionally siloed industry.



Conference in Action


Final Result

Our primary focus was on effectively communicating these design options to ensure the client had a clear understanding of the implementation process. Our overarching vision was to maintain a consistent look and feel down to the smallest detail.

The event was a resounding success, capturing the majority of the crowd's attention and effectively introducing Guardant to a wider audience.


Team:
Art Supervisor, Visual Design, Squarespace Development: Eric Park✌️
Copy: Emily Hargis
Account: Stephen Sutherland, Jonathon Glazebrook
Brand Strategy: Mary Neiweem
Project Manager: Carolina Blanco
Editorial Team: Roseann Wright, Joe McComb

Vendor:
3D Exhibit


Create a free website with Framer, the website builder loved by startups, designers and agencies.