Guardant Website

Client

Guardant Health X Havas

Role

Visual Design, UX/UI, Art Direction

Year

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.

Website Redesign (HCP)

Challenge: Visually translate complex scientific data into an intuitive, responsive UI and establish a scalable design system.


⚡️Design Highlight 1: Establishing the Brand Story


Full Layout



⚡️Design Highlight 2: Simplifying Data





⚡️Design Highlight 3: Structuring the Portfolio



⚡️ Design Highlight 4: Creating a Modular Homepage



🫡 My Core Contributions

My role involved leading the visual execution, managing stakeholder expectations, and ensuring design integrity:

  • Led Creative & Visual Direction:
    Established the visual framework and core design system, defining the modern, brand-aligned aesthetic and UI principles.

  • Translated Strategy to Visual Design:
    Converted evolving business goals and UX concepts/wireframes into detailed visual design requirements and interactive UI mockups.

  • Client Presentation & Feedback Integration:
    Directly presented design concepts and iterations to the client stakeholders, actively gathering and integrating feedback to ensure alignment with their evolving needs and vision.

  • Internal Leadership Collaboration:
    Worked directly with Havas executive leadership to refine design strategy, maintain rigorous quality standards, and prepare impactful client presentations.

  • Directed Cross-Functional Integration:
    Steered collaboration between UX, Strategy, Content, Medical Review, and Development across global teams to ensure cohesive visual implementation.

  • Ensured High-Fidelity Design Handoff:
    Managed meticulous design specifications, component libraries, and responsive guidelines for accurate front-end development.

  • Championed Visual Integrity:
    Actively participated in the QA process to identify and address UI discrepancies, interaction polish, and branding inconsistencies, ensuring high-quality visual output.


Skills Demonstrated

  • Creative Direction

  • Client Presentation & Communication

  • Stakeholder Management

  • Visual Design Systems

  • UI Design

  • Cross-Functional Collaboration

  • Visual QA / Design Integrity

  • Technical Specification


Results & Impact

Successfully delivered a polished, high-performance digital platform vital for Guardant Complete's launch. The platform features a clear, intuitive UI that effectively presents complex data, elevates Guardant Health's tech-forward brand presence, and meets rigorous enterprise standards. My leadership in visual design, client interaction, and internal alignment ensured aesthetic excellence and consistent execution throughout the project.

Visit Live Website


Full Team:

Art Supervisor/Visual Design Lead: Eric Park🫡
Design Support: Javier Henriquez, Ted Jenkins, Tifany Miranda, Veronica Villaseñor
UX: Emily Bungert
Copy: Emily Hargis, Avi Ardey
SVP Group Creative Director: Gro Frivoll
Chief Creative Officer: Manuel Frank
Account: Stephen Sutherland, Kelly Johnston
Strategy: Denise Melone, Mary Neiweem
Medical: Lauren Moore
Project Management: Constanza Lasso
Editorial: Joe McComb, Roseaan Wright
Development Team: Prose on Pixel
Video Asset: Woodwork

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