Concept redesign · Hayati Pro × SearchFlex — not the live site
Proposed page system · one design language

One page system.Every product it meets.

A single design language proposed across the Hayati Pro storefront — front door, browse, detail, trust and checkout. Structure and counts below are read from the live hayatipro.com sitemaps; the designs themselves are in build.

19products, live
6collections
15content pages
10pages in scope
The front door

Arrival, rebuilt.

What a first-time visitor meets: the hero, the finder, and the navigation that has to carry 6 collections and 19 products without a dead end.

Storefront6 collections

Homepage

In build

The front door, doing a job.Hero, device finder and a mega-menu built over the real collection tree rather than a flat list.

Design: in buildSpec: TBC
Component6 collections

Mega-menu & search

In build

Every route, two clicks deep.Navigation component covering kits, pods, pouches and e-liquids, with search suggestions over the live catalogue.

Design: in buildSpec: TBC
Collection pages

Browsing, rebuilt.

One collection template proven against the three collections that carry the catalogue. Filters run against real product data, not a wireframe.

Collection8 products

Vape Kits

In build

The device grid, filterable.Puff count, battery and refillable-vs-prefilled as facets with live counts. Mirrors /collections/vape-kits.

Design: in buildSpec: TBC
Collection8 products

Vape Pods

In build

Pods, matched to a device.Compatibility-first browse — pick the kit, see only the pods that fit. Mirrors /collections/vape-pods.

Design: in buildSpec: TBC
Collectionflavour-led

Nic Salt E-Liquids

In build

Flavour groups that behave like facets.The flavour wall, grouped and filterable rather than an endless grid. Mirrors /collections/nic-salt-e-liquids.

Design: in buildSpec: TBC
Product pages

One template, every product type.

Hayati Pro sells devices, pods, e-liquids and pouches from one catalogue. The product page has to hold all four without becoming four pages.

Product · devicekit + pods

Device — Pro Ultra Plus

In build

The kit page, with its pods attached.Specs, colourways and the matching pod range on the same page. Built over /products/hayati-pro-ultra-plus-vape-kit.

Design: in buildSpec: TBC
Product · e-liquidflavour picker

E-liquid — Pro Max Nic Salts

In build

One product, many flavours.Flavour and strength selection without a variant dropdown. Built over /products/hayati-pro-max-nic-salt-e-liquids.

Design: in buildSpec: TBC
Regulated retail

The pages that keep it legal.

Hayati Pro already runs age verification, a product authenticity checker and nicotine safety guidance. The redesign has to carry them, not bury them.

Compliance18+ gate

Age verification

In build

A gate that does not cost the sale.Age check and nicotine safety, designed as part of the flow. Mirrors /pages/age-verification and /pages/nicotine-safety.

Design: in buildSpec: TBC
Trustanti-counterfeit

Verify a product

In build

Proof the device is real.The authenticity checker given a proper page and an entry point from every product. Mirrors /pages/verify-product.

Design: in buildSpec: TBC
Basket & checkout

The last three screens.

Where a regulated basket, a mixed catalogue and an age gate all have to agree with each other.

Checkoutmixed basket

Basket & checkout

In build

Devices, pods and liquids in one basket.Basket drawer through to checkout, handling the age gate and mixed product types in a single flow.

Design: in buildSpec: TBC

18+Concept demo, not the live store. Catalogue structure and counts read from the hayatipro.com XML sitemaps on 4 September 2026 — 19 products, 6 collections, 15 content pages. Page designs are in build; no design has shipped to this hub yet.