Vibrant Health: Brand, Typeface & Web Design

Oct 2024 – Present

Figma, Miro, Adobe CC

C.J. Yeh

Creative Director

Christie Shin

Design Director

Dana Rugg

Sr. Content Strategist

Kimiko Stuhr

Designer

Desiree DiBella

3D Designer

Overview

I accelerated each stage of Vibrant Health’s complete redesign, a health supplement company that launched the world’s first greens powder—with values of truth, trust, and transparency. Ensuring each touchpoint reflects their core and stands out on shelves and online, I conducted UX research methodologies, including field studies and empathy interviews. Aided in branding, packaging, and website art direction for 30+ pages. As well as leading the development their custom brand typeface.

Logo / Identity
Brand Positioning
Art Direction
Packaging Design
UX/UI Design
Typeface Design
Market Research
Empathy Interviews

Challenge

Vibrant Health was the first to ever launch a green superfoods powder to the health market. However, even with it's long-standing legacy since 1992, it is one of the most overlooked today—shadowed by newer competitors like AG1 and Huel.

Solution

Reinforce Vibrant Health as a trusted leader in the market with a visually appealing brand identity that conveys premium quality and resonates with a younger demographic.

Brand Identity & System

Molecular Transformation

Our design for Vibrant Health embodies Molecular Transformation, visually representing the brand's evolution through the dynamic interplay of organic forms and structured geometry. Inspired by the fluidity of molecular change, our aesthetic conveys growth, innovation, and the synergy between science and holistic well-being.

Custom Brand Typeface

Rooted in the New Order Family

Our brand typeface, VH New Order, is rooted in the contemporary New Order family, a typeface celebrated for its simplified and optimized design. These fundamental characteristics make it ideal for clear readability and precise communication in medium-sized text across both print and screen applications (optimally between 10pt–46pt / 12px–60px).

Modified for a Confident Presence

Building on this strong foundation, VH New Order is meticulously refined with deliberately widened letterforms and a strategic removal of excessive curvatures. These thoughtful adjustments are engineered to instill a confident, assertive, and remarkably clear presence. This ensures every message resonates with the inherent strength and trustworthiness of our brand, empowering our audience and reflecting our commitment to radical transparency and leadership in the wellness space.

VH New Order

As an OpenType PostScript font, VH New Order offers robust performance and features a Glyph Count of 110.

Website Design

Molecular Transformation

Our design for Vibrant Health embodies Molecular Transformation, visually representing the brand's evolution through the dynamic interplay of organic forms and structured geometry. Inspired by the fluidity of molecular change, our aesthetic conveys growth, innovation, and the synergy between science and holistic well-being.

Adapted for the Smallest Screen

To optimize the user experience for all users across different mobile devices, we design for the smallest supported screen.

Adapted for the Smallest Screen

To optimize the user experience for all users across different mobile devices, we design for the smallest supported screen.