01
Build shelf presence
Create a visual identity strong enough to compete with established wellness brands at retail.
Brand Identity · Case Study
DrinkZEO — Building a Wellness Brand from Zero
A full brand identity and e-commerce design for a functional beverages startup entering a competitive wellness market.
z
ZEO
Client
DrinkZEO
Category
Functional Beverages
Deliverables
Brand Identity, UI/UX Design, E-Commerce
Stack
Figma, Shopify, Custom CSS
The Brief
A new entrant needed a brand worth believing in.
DrinkZEO launched with a genuinely innovative product — a range of functional sparkling waters designed to support focus, calm, and recovery. But without visual identity or digital presence, differentiation was impossible.
The founders came to us with a clear ambition: build a brand that earns trust at first glance, converts on the shelf, and scales across digital channels from day one.
"
We needed a brand that felt premium without feeling cold — approachable science.
Our Story
Goals
What success looked like.
02
Communicate function clearly
Make the product benefits — focus, calm, recovery — immediately legible without over-explaining.
03
Design for digital-first
The e-commerce experience had to carry the brand as confidently as any physical packaging.
04
Build a scalable system
Every asset — mark, colour, type — needed to flex across products, flavours, and seasonal campaigns.
Scope of Work
Everything we built.
01
Brand Strategy
Positioning, tone of voice, brand values, and competitive landscape mapping.
02
Logo & Mark
The ZEO seal — a botanical motif built on geometry and restraint.
03
Colour System
A palette of six: teal, gold, near-black, glacier, paper, and shadow.
04
Typography
Playfair Display for editorial weight, Manrope for clean utility.
05
Packaging Design
Label system designed for three SKUs with room for range extension.
06
UI/UX Design
Wireframes, high-fidelity screens, and a component library for the Shopify build.
07
E-Commerce Build
Custom Shopify theme developed against the approved design system.
08
Content Direction
Art direction for photography and video, social media templates.
09
Brand Guidelines
A comprehensive document covering every usage rule for in-house and agency use.
The Mark
A seal that earns its place.
The ZEO mark draws on botanical illustration and sacred geometry — a water droplet bisected by a stem, enclosed in a double-ring seal. It reads as premium, natural, and precise at every size.
z
ZEO
HomeOur StoryJournalCocktailsContact
AccountCartShop Now
The ZEO seal across brand applications
ZEO Teal — Primary
ZEO Black — Secondary
ZEO Glacier — Reversed
ZEO Gold — Accent
Colour System
A palette built on nature and restraint.
Six colours. Each one earns its role — from the signature teal that anchors the brand to the warm gold used sparingly for moments that matter.
ZEO Teal#14897A
ZEO Gold#B89058
ZEO Black#1F252D
ZEO Glacier#FAFAF7
ZEO Paper#EEEAE2
ZEO Shadow#2A2E35
Typography
Type with purpose.
Playfair Display brings editorial authority to headlines and pull quotes. Manrope handles the rest — navigation, labels, body text — with quiet precision.
Display — Playfair Display
Drink Well.
Feel Better.
Playfair Display · Weights 400–800 · Italic axis
Body — Manrope
Formulated with adaptogens and electrolytes, each DrinkZEO variant supports a specific state: focus, calm, or recovery.
UI Label — Manrope
Shop the Range
Design Process
From wireframe to high fidelity.
Every screen started as a structural wireframe — information architecture first, aesthetics second. Only once the logic was right did we apply the brand layer.
01 — Homepage
Home
Hero, product range, story section, and editorial feed — structured before styled.
02 — Cocktails
Cocktails
Recipe grid with filter logic designed for discovery and engagement.
03 — Plant Index
Plant Index
An editorial feature page listing each botanical ingredient with sourcing notes.
04 — Product Page
Single Product
Conversion-focused layout with ingredient breakdown and social proof.
Cocktails
Final Designs
The finished product.
High-fidelity screens translated the brand system into a coherent digital experience — every state, every viewport, every interaction considered.
01 — Homepage
Home
Brand-first hero with full-bleed imagery, concise product range introduction, and a clear path to purchase.
02 — Cocktails
Cocktails
A recipe hub that extends the brand into lifestyle content, encouraging repeat visits and social sharing.
03 — Plant Index
Plant Index
Transparency as a brand asset — detailed botanical sourcing that builds consumer trust.
04 — Product Page
Single Product
Structured to convert: ingredient clarity, benefits hierarchy, and frictionless add-to-cart.
05 — Video Feature
Video Preview
Inline video integration for brand storytelling without leaving the product page.
06 — Journal
Article
Long-form editorial layout that positions DrinkZEO as a credible voice in the wellness space.
Layout System
Horizontal scroll, vertical depth.
The site operates on two modes: a standard vertical scroll for product and editorial pages, and a signature horizontal scroll for the cocktails discovery experience.
The cocktails page uses horizontal scroll to create a curated gallery-like browsing experience.
Vertical
Standard Scroll
Used across home, product, journal, and plant index pages for focused, narrative-driven reading.
Horizontal
Signature Scroll
Deployed on the cocktails hub to create an immersive gallery experience that rewards exploration.
Tech Stack
Built to perform.
The DrinkZEO platform was engineered for speed, flexibility, and content team autonomy — from design handoff through to post-launch iteration.
Shopify
Headless-compatible storefront with custom liquid templates.
Figma
Component library with auto-layout and shared variable tokens.
Custom CSS
Design system implemented as CSS custom properties for easy theming.
Metafields
Structured product content managed through Shopify Metafields.
Cloudflare
Edge CDN for global asset delivery and DDoS protection.
Klaviyo
Email flows for welcome series, abandoned cart, and post-purchase.
Outcomes
Results that speak for themselves.
Within the first year of launch, DrinkZEO achieved meaningful commercial traction across retail and direct-to-consumer channels.
3
Retail Listings
Listed by 3 major retail chains within 8 months of launch.
10K
Social Followers
Organic social following reached 10,000 in year one.
4.8
Avg. Rating
Customer rating across all retail and DTC channels.
2×
Repeat Purchase Rate
Repeat purchase rate double the category benchmark.
Distribution
UK-wide.
Launched nationally across the UK with distribution hubs in London, Manchester, Edinburgh, Bristol, and Leeds.
Work with us
Ready to build something this complete?
From brand identity through to a live e-commerce store — we design and build end-to-end for ambitious brands.
Brand Identity
Logo Design
Colour System
Typography
UI/UX Design
E-Commerce
Packaging
Brand Guidelines
Services that made it happen
More work like this
Browse showcases
Project · eCommerce · Social · SEO
Gume Srbija — a tyre shop built to stand out in a grey market
Case study · eCommerce · B2B portal · ReadyCMS
Clearlii — five years of continuous development for a Nordic eye-care brand
Case study · eCommerce · Photography · ReadyCMS
Tinkture i Melemi — a herbal pharmacy that finally feels as natural as what it sells
Share
with your friends