Digital Evolution for HerbaKOF

Role

Role

Role

UI/UX Designer

UI/UX Designer

UI/UX Designer

Deliverables

Deliverables

Deliverables

Branding, Website Design

Branding, Website Design

Branding, Website Design

Company

Company

Company

HerbaKOF

HerbaKOF

HerbaKOF

Visit Site

Visit Site

Visit Site

The Overview

HerbaKOF is a premium herbal cough syrup formulated specifically for those who need to remain sharp and productive. Unlike traditional cough medicines that often cause drowsiness, HerbaKOF’s USP is its "Non-Drowsy" formula.

In this project, I took a "UI/UX-only" brief and expanded it into a full-scale Integrated Campaign. My goal was to move the brand away from the sterile, "sick-bed" aesthetic of traditional pharmacy products and toward a vibrant, "active-lifestyle" identity. The result is a cohesive ecosystem that lives across web, social media, and physical environments.

The Challenge

The "Sleepy" Stigma: Most consumers associate cough medicine with drowsiness and a forced break from work. For our target audience—tech-savvy "hustlers," office professionals, and active creators—taking a day off isn't always an option.

The Design Hurdle: We needed to communicate "Herbal" (natural/safe) without looking "Old-Fashioned," and "Effective" without looking "Chemical." The challenge was to create a visual language that felt as fast-paced and energetic as the people using the product.

What We Did

To bring the "Active" vision to life, I delivered a multi-touchpoint brand experience:

  • Brand Strategy & Visual Direction: Developed a high-impact Key Visual (KV) featuring "Lightning" motifs and a "Flying Paper" aesthetic to symbolize productivity and speed.

  • UI/UX & Web Design: Designed a high-conversion, responsive landing page with a "Product Finder" feature, ensuring a seamless experience across mobile and desktop.

  • Social Media Ecosystem: Created a suite of high-energy Instagram/TikTok ads and educational carousels that focus on the "No-Drowsy" benefit.

  • Experiential & OOH (Out-of-Home): Designed large-scale environmental mockups, including a massive conference hall presentation screen and urban lightboxes, to show how the brand commands attention in the real world.

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