SSD · Slot 04 · Save file
Fresh Install
a.k.a. Dissolve Cinema version ›
A herbal tea brand's site built from scratch: eight lines, each with its own character, and motion as slow as an infusion.
- Sector
- Herbal teas and infusions
- Period
- Sep 2024 — today
- Role
- Theme front end, motion and back end
- Team
- 95 of 117 commits are mine; a designer on the team handled some animations
The problem
ERR A brand with more than thirty years of history and eight different lines, from children's teas to functional blends.
WARN The site had to present them one by one and lead people to the stores that sell them.
The technical choice
- Patch 1.0.0
From scratch
The theme starts from the agency starter, WordPress with webpack, and I built it: 21 templates, from the homepage to the ingredients page.
- Patch 1.1.0
Lines as worlds
Every line has its own page and, where needed, a dedicated template: the functional line, the children's line, accessories and gift ideas.
- Patch 1.2.0
Measured motion
Smooth scrolling with Lenis, menu and cursor animations; hero and product animated together with a designer on the team.
- Patch 1.3.0
Store locator
The map of retailers with filters, designed for phones too.
- Patch 1.4.0
Modular landing pages
A page builder for product and campaign landing pages, still used by the team for webinars and initiatives.
How it works
- 0x01 Content ACF
- 0x02 Custom theme PHP · webpack
- 0x03 Lines 8 dedicated pages
- 0x04 Product ingredients and recipes
- 0x05 Store locator the nearest store
In numbers
- 8 product lines with their own page
- 21 custom templates
- 95 of the 117 commits are mine