A complete brand website for GIMMI — a functional sparkling-soda line built on one idea: real flavour and a real benefit, with zero wellness drama. Five moods, five cans, one movement.
The whole site is hand-built in vanilla HTML, CSS and JavaScript — no framework, no build step, served by a tiny zero-dependency Node server. Swiss grotesk typography, an aluminium-and-white base, and a flavour-accent colour per mood give it a clean editorial feel with restrained scroll motion. Three pages — home, flavours, and a B2B "Pro" portal — share one nav, one design system and a full Turkish/English toggle.
Underneath it runs a custom image CMS. Every photo on the site is a drag-and-drop image-slot web component, and a purpose-built admin panel lets the client swap, reframe or remove any of 31 image and video slots — writing overrides straight to disk, ready to commit and publish. The brand can keep the site fresh without ever touching code.
The Brand System
Health hedonism, not wellness pressure — "feel good, your way." A bold display logotype against Swiss grotesk body copy, an aluminium-and-white palette, and a single accent colour that shifts with each mood. Large premium product photography, smooth restrained motion.
The Mood System
The product line's core idea, made navigable: five moods — Boost, Focus, Mood, Reset, Hydration — each mapping a feeling to a function, a flavour and a hero ingredient. Pick a feeling; there's a can for it.
The Range
A dedicated flavours page gives each can its own editorial spread — mood copy, flavour pairing, hero-ingredient badges — plus an interactive 3D can viewer you can rotate in the browser.
The Admin Panel
A naive-but-effective custom CMS. It discovers every image and video slot across all three pages, groups them by section, and lets the client upload, pick from a media library, or remove any of 31 slots. Each image slot supports drag-drop, reframe and automatic WebP downscale; overrides persist to a single JSON file with atomic disk writes — no database, no dependencies. Replace an image, commit, publish.
The Pro Portal
A B2B area for hospitality and custom orders — branded cans, venue programmes and an enquiry flow — so the brand site doubles as a sales channel, not just a shopfront.
