Case study · Web Development · Beverage
Dark Bev
Custom-coded, animated brand website for a Stuttgart black-water beverage company, presenting its story, health benefits and full product range.
- Industry
- Beverages · Health & wellness
- Location
- Stuttgart, Germany · London, UK
- Platform
- Custom HTML, CSS & JavaScript
- Services
- Website development, Front-end development, Motion & animation
The challenge
Where they started
Dark Bev, founded in Stuttgart, makes black water rich in fulvic acid, positioned around the idea that health starts from the inside out, alongside a growing range from mineral and carbonated waters to nootropic and energy drinks, premium spirits and the Vie brand. The brand needed a striking, premium site that explains an unusual product simply, presents its benefits clearly and makes a varied range easy to explore.
Goals
- Explain an unusual product simply
- Present the whole range in one place
- A premium, memorable brand feel
Our solution
What we built
We built a fast, custom-coded website in HTML, CSS and JavaScript with GSAP animations, in an all-black design that mirrors the product itself. An animated intro opens the experience, the story page explains where Dark Bev comes from and why black water, benefit sections cover properties like fulvic acid, antioxidants, pH balance and hydration, and a product chooser lets visitors browse by water, alcohol, health and brain performance, energy, carbonated or the Vie brand. The contact page lists the Stuttgart and London offices.
Animated intro
A bold, black-on-black intro animation sets the premium tone from the first second.
Brand story
The Stuttgart origin story and the mission behind black water.
Key properties
Fulvic acid, antioxidant power, pH balance and enhanced hydration explained simply.
Benefit sections
Sections on hydration, metabolism, digestion, heart, skin and bone health.
Product chooser
Browse by water, alcohol, health & brain performance, energy, carbonated or the Vie brand.
Colour-coded range
Each product line gets its own accent colour for quick recognition.
Product details
Product cards and pop-up details for each drink in the range.
Contact & offices
Stuttgart and London addresses, phone and email on a clean contact page.
GSAP motion
Smooth reveal and transition animations powered by GSAP.
No CMS overhead
Hand-coded pages with no plugins, so the site stays fast and secure.
Results
The outcome
6
Product families in the chooser, from water to spirits
4
Key properties of black water explained
Gallery
A closer look
On mobile
Tech stack
Tools & platforms
Front end
Motion & UI
- jQuery Modal
Approach
- Custom code, no CMS
More projects
See all our work →
eCommerce · WordPress
Zenobie
Custom WooCommerce theme for a Beirut lifestyle and stationery brand, rebuilt from a slow WPBakery site into a store that scores 98 on Google PageSpeed.
98 PageSpeed · Built in 3–4 weeks
Read case study →
Web Development · WordPress
Velocity MEA
Corporate website for a Dubai freight forwarder, presenting five service lines and turning visitors into quote and shipment-tracking requests.
Quote & tracking forms · Lead gen
Read case study →Planning something similar?
Tell us what you're building and we'll show you how we'd approach it.