BAH Soap

Coming soon

BAH Soap

“We want to do something as mundane as washing our hands for something fun, fragrant, and a little unexpected. BAH Soap is for those who like design, details and fragrances that stand out. A little bottle of joy on the sink-created with love, laughter, and an ounce of madness.”
E-commerce
Web design
Web development
BAH Soap
Datum
November 2025
Development solutions
Shopify
Shopify
Webflow CMS
Webflow CMS
Liveprojekt

The challenge

BAH Soap needed a digital experience that not only showed the products, but also conveyed the feeling of playful everyday luxury. The challenge was to create a website that felt vibrant and personal, without compromising on simplicity, clarity or performance – while at the same time the solution needed to work seamlessly with e-commerce.

The solution

We built the site in Webflow and connected it to Shopify for a flexible and scalable ecommerce solution. To bring the page to life and character, we used GSAP animations, which created subtle, playful movements that reinforce the brand's personality without taking over the experience. Design, copy and animations interacted to guide the visitor in a natural and inspiring way.

The results

The results became a website that feels both modern and vibrant – where every scroll and interaction contributes to a more memorable experience. The combination of Webflow, Shopify, and GSAP gives BAH Soap a solid technical foundation while keeping the brand warm, playful, and thoughtful. A page that reflects the product as much as the feeling behind it.

BAH Soap
BAH Soap
BAH Soap
BAH Soap
BAH Soap

More projects

Coming soon
More information

ZARC Hair Clinic

Coming soon
More information

Dé Shabéls Cosmetics

This site uses cookies. Read our privacy policy.
Instructions
To make this component work you must follow these steps:
  1. Add a Page trigger and select Page load
  2. Select the Loader 1 [Hide] animation inside When page finishes loading
  3. Position loader1_component inside page-wrapper
  4. Set loader1_component position to fixed and display to none
Note:
Sometimes there may be a bug where the website briefly flashes before the loader is displayed. To avoid this add the following custom code in your Site settings > Custom Code > Head code
<style>
 .preloader {
   display: flex;
 }
</style>