BAH Soap

Coming soon

BAH Soap

"Vi vill göra något så vardagligt som att tvätta händerna till något roligt, doftande och lite oväntat. BAH Soap är för dig som gillar design, detaljer och dofter som sticker ut. En liten flaska glädje på handfatet – skapad med kärlek, skratt och ett uns galenskap."
E-commerce
Web design
Web development
BAH Soap
Datum
November 2025
Development solutions
Shopify
Shopify
Webflow CMS
Webflow CMS
Liveprojekt

The challenge

BAH Soap behövde en digital upplevelse som inte bara visade produkterna, utan som också förmedlade känslan av lekfull vardagslyx. Utmaningen var att skapa en webbplats som kändes levande och personlig, utan att tumma på enkelhet, tydlighet eller prestanda – samtidigt som lösningen behövde fungera sömlöst med e-handel.

The solution

Vi byggde webbplatsen i Webflow och kopplade den till Shopify för en flexibel och skalbar e-handelslösning. För att ge sidan liv och karaktär använde vi GSAP-animationer, vilket skapade subtila, lekfulla rörelser som förstärker varumärkets personlighet utan att ta över upplevelsen. Design, copy och animationer samspelade för att guida besökaren på ett naturligt och inspirerande sätt.

The results

The results blev en webbplats som känns både modern och levande – där varje scroll och interaktion bidrar till en mer minnesvärd upplevelse. Kombinationen av Webflow, Shopify och GSAP ger BAH Soap en stabil teknisk grund samtidigt som varumärket upplevs varmt, lekfullt och genomtänkt. En sida som speglar produkten lika mycket som känslan bakom den.

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>