03.4 · Case
Dissolve
A herbal tea brand's site built from scratch: eight lines, each with its own character, and motion as slow as an infusion.
Scene 01The problem
A brand with more than thirty years of history and eight different lines, from children's teas to functional blends.
The site had to present them one by one and lead people to the stores that sell them.
Scene 02The technical choice
- Shot 01
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.
- Shot 02
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.
- Shot 03
Measured motion
Smooth scrolling with Lenis, menu and cursor animations; hero and product animated together with a designer on the team.
- Shot 04
Store locator
The map of retailers with filters, designed for phones too.
- Shot 05
Modular landing pages
A page builder for product and campaign landing pages, still used by the team for webinars and initiatives.
Scene 03How it works
- 01 Content ACF
- 02 Custom theme PHP · webpack
- 03 Lines 8 dedicated pages
- 04 Product ingredients and recipes
- 05 Store locator the nearest store
Scene 04In numbers
- 8 product lines with their own page
- 21 custom templates
- 95 of the 117 commits are mine