Arrival, rebuilt.
What a first-time visitor meets: the hero, the device finder, and navigation that has to carry the whole Hayati range without a dead end.
Homepage
In buildThe front door, doing a job.Hero, device finder and a mega-menu built over the real category tree rather than a flat list.
Mega-menu & search
In buildEvery route, two clicks deep.Navigation component across kits, pods and e-liquids, with search suggestions over the live catalogue.
Browsing, rebuilt.
One category template, proven against the sections that carry the catalogue. Filters are meant to run against real product data, not a wireframe.
Devices & kits
In buildThe device grid, filterable.Puff count, battery and refillable-vs-prefilled as facets with live counts.
Pods
In buildPods, matched to a device.Compatibility-first browse — pick the kit, see only the pods that fit it.
E-liquids & nic salts
In buildFlavour groups that behave like facets.The flavour wall, grouped and filterable rather than an endless grid.
One template, four product types.
Hayati Vape sells prefilled kits, refillable kits, e-liquids and pouches from one catalogue. These are four complete product pages running through a single template — each opens on its own product.
Prefilled pod kit
DeliveredSimple product, four specs.Fixed-flavour device at £7.99. Strength options open separate listings; multibuy at 3 for £23.
Nic salt e-liquid
DeliveredVariable product, four specs.Flavour and strength selection at £2.49, without dropping the shopper into a variant dropdown.
Refillable pod kit
DeliveredVariable product, four specs.Device at £20.99 with its pods attached. Stock figure is flagged VERIFY pending Hayati.
Nicotine pouches
DeliveredVariable product, two specs.The shortest spec set in the catalogue at £4.49, proving the template holds up with less to say.
The pages that keep it legal.
UK vape retail carries an age gate, nicotine safety guidance and, for a brand this widely counterfeited, a way to prove a device is genuine. The redesign has to carry them, not bury them.
Age verification
In buildA gate that does not cost the sale.Age check and nicotine safety, designed as part of the flow rather than bolted onto it.
Verify a product
In buildProof the device is real.An authenticity checker given a proper page and an entry point from every product.
The last three screens.
Where a regulated basket, a mixed catalogue and an age gate all have to agree with each other.
Basket & checkout
In buildDevices, pods and liquids in one basket.Basket drawer through to checkout, handling the age gate and mixed product types in a single flow.
18+Concept demo, not the live store. The product page is delivered: four product types running through one template, each linked separately above. Everything else is in build — a card only becomes a link once its page has been delivered. The product page carries its own data-provenance panel: items marked VERIFY need a decision from Hayati.