KMBCH - Website design for a beverage brand

KMBCH - Sparkling revive of your health

Our team was tasked with developing a complete branding, packaging and promotional website for a fermented, non-alcoholic, slightly fizzy tea drink - Kombucha.

In the style, we conveyed the character of the drink, which is just as bold, fresh and bright.

Service we provided:

  • Branding - Logo, labels, packaging, brandbook

  • Illustration - Custom label pattern

  • UI/UX - Landing page and Responsive

  • 3D motion  - Bottle and Packaging 3d renders

  • Product Photography - Content creation

  • Development - Made in Webflow

Let's talk about the website which is now a Nominee on Awwwards and you can Vote for us

website design for a beverage brand

Website creation

We have created a promo site that allows us to impress, interest and acquaint the user with the product, as well as make him want to try the drink.

Since the company entered the market with a new line of flavors and it was important to present them vividly to the target audience, the format of the promo site was chosen with contrasting product visualization and juicy live photos. We decided to dilute 3d renders with real photos on the site to show the client a live product.

Scroll animation and responsive design

Animation on the site helps to show the product qualitatively and impress the user, arouse his interest in the brand.

In our case, we first demonstrate several tastes of the drink and, having interested the user, immerse it in a dynamic tape of many other tastes, so the user understands that he can find exactly his taste of kombucha.

High-quality responsive version of the website is as important as good layout design. We made sure that the site would look great on all devices.

desktop and responsive website design for a kombucha brand

Development

Tool: Webflow 

We have developed a promo site for kombucha using the no-code development tool Webflow. We chose this tool because one of its advantages is the ability to implement complex animations. We used Jason's 3d animation of a kombucha bottle and linked it to the user's scroll.

With the help of Parallax animation, we ensured a positive user movement on the site. Unusual micro-animation on hover effects and transitions to catch visitors' attention and craft precise micro-interactions.

landing page design in mockup for a beverage company

Vote for KMBCH on Awwwards 🤩

We know how to elevate a brand's visuals to the level that inspires people to connect, care and act!

Email us: hello@outcrowd.io

Outcrowd
Creative branding & web design agency.
Get in touch

More by Outcrowd

View profile