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

One page system.Every product it meets.

The template set for the Hayati Vape redesign, in one place. Open any delivered card to view that design full-screen; the switcher at the bottom of a design moves between them without coming back here.

5 templates in the set · product delivered, as 4 product pages

The front door

Arrival, rebuilt.

The page every other page is reached from.

Storefronthomepage.md

Homepage

In build

The front door, doing a job.Hero, range navigation and the routes into the catalogue.

Design: in buildSpec: TBC
Category page

Browsing, rebuilt.

One listing template, carrying the whole catalogue — the grid, the facets and what the page does as filters narrow it down.

Listingcategory.md

Category

In build

The listing, filterable.Facets with live counts, sorting and pagination, and the empty state when a filter set returns nothing.

Design: in buildSpec: TBC
Product page

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.

Cart & checkout

The last two screens.

Where a regulated basket, a mixed catalogue and multibuy pricing all have to agree with each other.

Cartcart.md

Cart

In build

The basket, empty and full.Line items, quantity changes and how a multibuy deal shows itself in the totals — and what the page does with nothing in it.

Design: in buildSpec: TBC
Checkoutcheckout.md

Checkout

In build

The last screen.Delivery, payment and the age check, on a basket of mixed product types.

Design: in buildSpec: TBC

18+Concept demo, not the live store. Five templates are in scope — homepage, category, product, cart and checkout. The product template is delivered and runs four product types, each linked separately above; the rest are in build, and 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.