Belance

Designed a dedicated campaign page blending product highlights and updated visuals.

Belance cover image
Belance

Belance is the first natural fat burner in Indonesia, made with plant-based ingredients to support metabolism and promote fat burning.

Service & Industry

Web Design

Wellness

Role

Website UI Design Branding Framer Development Usability Testing Design System

As part of their growing health movement, Belance launched a 1- and 2-month program to inspire consistent, sustainable results. They needed a campaign page that introduces this initiative while staying visually consistent with the existing website.

The Problem

Belance wanted to introduce a new page that supports their latest health program while keeping everything aligned with the current site. The main challenge was to explain the new program clearly, help users pick the right option, and keep the experience visually consistent with the rest of the brand.

The Brand

The previous visual elements, such as background shapes and color tones, didn’t fully represent the natural and modern lifestyle that Belance promotes.

A softer green was introduced to reflect the brand’s healthy and plant-based focus. Background visuals were updated with half-round shapes behind products, replacing rigid design elements to evoke a more organic and welcoming aesthetic.

The Solution

The design introduces new sections without disrupting the existing layout, ensuring a seamless visual experience across the site.

To help users understand the program better, I added a comparison section that outlines the benefits of the 1-month and 2-month plans side by side. Below that, a product pairing section helps guide buyers to the right supplement based on their program length. These additions make the experience feel purposeful and informative while maintaining brand coherence.

The Impact

The new campaign page helps Belance communicate their program more effectively and enhances product discoverability.

With clearer structure and updated visuals, the section feels like a cohesive part of the brand while giving users the information they need to choose the right program. The page supports Belance’s mission of encouraging a healthy lifestyle through natural, well-informed choices.

Prev

Horego

Next

Marislink

Belance

Designed a dedicated campaign page blending product highlights and updated visuals.

Belance cover image
Belance

Belance is the first natural fat burner in Indonesia, made with plant-based ingredients to support metabolism and promote fat burning.

Service & Industry

Web Design

Wellness

Role

Website UI Design Branding Framer Development Usability Testing Design System

As part of their growing health movement, Belance launched a 1- and 2-month program to inspire consistent, sustainable results. They needed a campaign page that introduces this initiative while staying visually consistent with the existing website.

The Problem

Belance wanted to introduce a new page that supports their latest health program while keeping everything aligned with the current site. The main challenge was to explain the new program clearly, help users pick the right option, and keep the experience visually consistent with the rest of the brand.

The Brand

The previous visual elements, such as background shapes and color tones, didn’t fully represent the natural and modern lifestyle that Belance promotes.

A softer green was introduced to reflect the brand’s healthy and plant-based focus. Background visuals were updated with half-round shapes behind products, replacing rigid design elements to evoke a more organic and welcoming aesthetic.

The Solution

The design introduces new sections without disrupting the existing layout, ensuring a seamless visual experience across the site.

To help users understand the program better, I added a comparison section that outlines the benefits of the 1-month and 2-month plans side by side. Below that, a product pairing section helps guide buyers to the right supplement based on their program length. These additions make the experience feel purposeful and informative while maintaining brand coherence.

The Impact

The new campaign page helps Belance communicate their program more effectively and enhances product discoverability.

With clearer structure and updated visuals, the section feels like a cohesive part of the brand while giving users the information they need to choose the right program. The page supports Belance’s mission of encouraging a healthy lifestyle through natural, well-informed choices.

Prev

Horego

Next

Marislink

Belance

Designed a dedicated campaign page blending product highlights and updated visuals.

Belance cover image
Belance

Belance is the first natural fat burner in Indonesia, made with plant-based ingredients to support metabolism and promote fat burning.

Service & Industry

Web Design

Wellness

Role

Website UI Design Branding Framer Development Usability Testing Design System

As part of their growing health movement, Belance launched a 1- and 2-month program to inspire consistent, sustainable results. They needed a campaign page that introduces this initiative while staying visually consistent with the existing website.

The Problem

Belance wanted to introduce a new page that supports their latest health program while keeping everything aligned with the current site. The main challenge was to explain the new program clearly, help users pick the right option, and keep the experience visually consistent with the rest of the brand.

The Brand

The previous visual elements, such as background shapes and color tones, didn’t fully represent the natural and modern lifestyle that Belance promotes.

A softer green was introduced to reflect the brand’s healthy and plant-based focus. Background visuals were updated with half-round shapes behind products, replacing rigid design elements to evoke a more organic and welcoming aesthetic.

The Solution

The design introduces new sections without disrupting the existing layout, ensuring a seamless visual experience across the site.

To help users understand the program better, I added a comparison section that outlines the benefits of the 1-month and 2-month plans side by side. Below that, a product pairing section helps guide buyers to the right supplement based on their program length. These additions make the experience feel purposeful and informative while maintaining brand coherence.

The Impact

The new campaign page helps Belance communicate their program more effectively and enhances product discoverability.

With clearer structure and updated visuals, the section feels like a cohesive part of the brand while giving users the information they need to choose the right program. The page supports Belance’s mission of encouraging a healthy lifestyle through natural, well-informed choices.

Prev

Horego

Next

Marislink

Ready to turn your website into your most valuable asset?

Let’s start with a conversation.

Avatar of the website author

Aurelia Friska Widjaja

©2025. All rights reserved.

Back to top

Back to top

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