Storefront tour
How the homepage is organized and what a shopper should understand first.
Storefront tour
The homepage is designed to feel like a digital version of the front counter wall. It should quickly answer three shopper questions:
- What kind of products does the store carry?
- What is available right now?
- How do I add something to the cart?
Header
The header stays fixed near the top of the page.
It gives shoppers quick access to:
- Home
- Products
- Membership
- Sign in
- Cart
- Full-screen menu
On larger screens, the center navigation gently collapses as the shopper scrolls so the product content has more room.
Main shelf
The first screen introduces the store and shows the featured product card.
The featured card includes:
- category
- product image
- description
- tags
- variants
- price
- stock count
- add-to-cart action
This area should be used for fast movers and products the store wants shoppers to notice first.
Shelf filters
The homepage includes shelf filters such as:
- Full wall
- Wraps & Papers
- Cigars & Blunts
- Disposables
- Glass
- Lighters & Torches
- Accessories
- Trays & Storage
These filters do not send the shopper to a new page. They keep the shopper in the same browsing flow while changing the featured shelf.
Fast shelf
The fast shelf is for quick-add items. It should feel useful for repeat customers who already know what they want.
Good candidates:
- common wraps
- popular disposables
- lighters and torches
- rolling papers
- grinder and tray add-ons
Review notes
During client review, check:
- Are the categories familiar to store staff?
- Is the first featured product the right one?
- Does the page feel too editorial or too transactional?
- Are there products missing from the first shelf?