The Client: Fervere Kombucha
Fervere is a dynamic brand in the fermented beverage market, specializing in artisanal Kombucha. The project stemmed from the need to evolve their digital presence to reflect a new market positioning, combining fresh, engaging design with a solid and scalable sales platform.
The Challenge: Beyond Restyling
Not just a graphic update, but a complete rewrite. The task was to surpass the previous site version (which I also developed) to implement sophisticated UX/UI design. The technical challenge was bending standard WooCommerce logic to fit a fully personalized purchasing experience.
The Stack: Custom Performance
I chose a “code-first” approach using Understrap with Bootstrap 5 as the foundation. This ensured lightweight, semantically correct code. Deep integration of ACF (Advanced Custom Fields) transformed the backend, allowing for tailored content management without bloating the frontend.
Rebuilt Variable Products
Standard WooCommerce variant management was too limiting for the desired UX. I completely rebuilt the variant selection interface (flavors and sizes) via custom code. Users now interact with an intuitive visual selector that updates prices and availability without the typical page reloads of standard themes.
Cart Discount Logic
To encourage bulk purchases, I programmed complex conditional discount logic. The system analyzes the cart in real-time and automatically applies a price reduction when it detects a minimum of 3 products from the same Brand, stimulating upselling transparently for the user.
CPT Brands & Dedicated Templates
I extended the data architecture by creating a “Brand” Custom Post Type. Each Kombucha producer now has a dedicated page with a specific template, distinct from standard categories. This enhances the storytelling of individual brands and aggregates related products in a layout consistent with the producer’s visual identity.
Carousels & Visual Navigation
To improve catalog exploration, I implemented custom product carousels within categories. This UI solution allows displaying a high density of references without forcing the user to scroll through long pages, improving dwell time and mobile interaction.
Blog Integration & Shortcodes
Content marketing is central to Fervere. I developed custom shortcodes that allow “injecting” specific products or carousels directly into blog posts. Descriptions and Call to Action buttons are customizable via ACF for each post, effectively turning readers into direct buyers.
UX/UI Design & Frontend
Frontend work was meticulous to adhere to the new design system. Every element, from buttons to checkout forms, was styled via CSS/SASS to ensure visual consistency. The re-engineering resulted in a clean interface that guides the user to purchase with minimal cognitive friction.
Results & Achievements
The new Fervere is a fast, identity-driven e-commerce site. The reconstruction of variants and automatic discount logic simplified the buying process. The custom architecture based on Understrap and ACF gives the client total control over content, blending design aesthetics with sales power.
