A Quick Overview of the Site Layout and Navigation

Getting Started with the Homepage

When you first arrive at the site, the homepage acts as a clear springboard for everything else. A slim header runs across the top with the brand logo on the left, a search icon, and a compact account menu on the right. Below that, a hero banner highlights current promotions or featured categories, usually with a single call-to-action button. You will not find a cluttered mosaic of pop-ups or auto-playing videos, which keeps the initial experience calm and fast. For anyone in the UK who values efficiency, this layout respects your time from the first click.

Primary Navigation Bar

The main navigation bar sits directly under the hero section. It uses a horizontal list of broad categories: Home, Shop, Brands, Offers, Support, and Contact. Each label is short and descriptive, so you can predict what lies behind it without hovering. On desktop, hovering over a category reveals a drop-down panel with subcategories, such as disposable vapes, pod kits, e-liquids, coils, and accessories. On mobile, the same structure collapses into a hamburger menu that slides in from the left. The menu items are large enough to tap accurately, and the slide-in panel includes a search field at the top for quick lookups.

Search and Filtering

The search bar is available on every page, either as an icon in the header or as a full input field on category pages. It supports partial words and brand names, so typing ‘elf’ or ‘smok’ returns relevant results instantly. On category pages, filters appear in a left-hand column on desktop and behind a ‘Filter’ button on mobile. You can narrow by price range, nicotine strength, flavour profile, brand, and device type. A sort drop-down lets you order by popularity, newest arrivals, price low to high, or price high to low. These controls update the product grid without a full page reload, which keeps browsing smooth.

Product Pages and Checkout Flow

Each product page follows a consistent two-column layout. The left side shows a gallery of images with thumbnails, while the right side lists the product name, price, short description, variant options, and an ‘Add to Basket’ button. Below the fold, you will find detailed specifications, usage instructions, and delivery information. The basket icon in the header shows a live count and opens a mini-basket panel when clicked. From there, you can proceed to a single-page checkout that asks for delivery address, payment method, and order confirmation. Guest checkout is available, so you do not need to create an account before buying.

Footer and Secondary Links

The footer is divided into four columns: About Us, Customer Service, Legal, and Connect. About Us links to company information and blog posts. Customer Service covers delivery, returns, age verification, and contact details. Legal includes terms, privacy policy, and cookie settings. Connect holds social media icons and newsletter sign-up. At the very bottom, a row of trust badges and payment icons reassures you that the site uses secure checkout. This footer repeats on every page, so you never have to hunt for policy information.

Mobile and Accessibility Considerations

On smartphones and tablets, the layout adapts with a sticky header that keeps the search and basket within thumb reach. Font sizes remain legible without zooming, and buttons have generous padding. Colour contrast is strong, and interactive elements include focus states for keyboard users. The mobile menu closes with a visible ‘X’ button, and breadcrumbs appear on category and product pages to help you retrace your steps. These details make the site usable whether you are on a commute, at home, or in a shop comparing prices.

Using the Site Efficiently

To get the most from the layout, start with the main navigation rather than the search bar if you are exploring. Use filters to reduce a long product list to a manageable set. Save your basket for later if you are not ready to buy, and check the footer for delivery cut-off times. The structure is predictable, so after one or two visits you will know exactly where to click.

Menus are grouped logically, which means finding your favourite category on Lizaro never feels like a chore.