Eyewear, store template · Online store

Lume Eyewear

A store template that rolls out for a real brand without rebuilding the architecture. Inside: a filterable catalogue, sign-up, customer account, wishlist, cart and checkout.

Timeline
18 days
Screens
7
Status
Template
Budget
from €1090
Visit site
Website mockup Lume Eyewear

01 · The starting point

This is a template, not a client project. The point was to show what a real online store looks like: not a shop window with a «DM us» button, but working e-commerce with a catalogue, an account and a checkout.

02 · What I built

A catalogue with filters by category and attributes, sign-up and a customer account, a wishlist, a cart and a step-by-step checkout. The design follows premium brands: large typography, tinted product tiles, a dark brand story.

03 · What changed

A finished store architecture that rolls out for a real brand: products, texts and branding change, while the catalogue, cart, account and checkout stay as they are. Payments and an admin panel fit onto the existing structure.

04 · The hard part

A store is easy to draw and hard to bring to the point where it can actually be used. Most of the work went not into the shop window but into the states: an empty cart, changing quantities, recalculating the total, logging in halfway through checkout. That is exactly where beautiful concepts usually fall apart.

Section of the website Lume Eyewear
01The catalogue: pick by shape and colour, with the price and «add to wishlist» right on the tile, without opening the product page
Section of the website Lume Eyewear
02Lens comparison: before and after in one movement — what a shop assistant explains in person

Key features

Cart

Cart

Quantity, removal and a recalculated total — instantly, with no page reload

Checkout

Checkout

One screen: contact details, delivery and the total — no mandatory sign-up

Sign-in and account

Sign-in and account

Sign-in as an overlay — the purchase is not interrupted and the cart is not lost

Admin panel — €300

Admin panel — €300

Also part of the template: collections, products, orders, reviews and banners. It rolls out with the store — the owner runs the content without a developer

05 · Technical details

Stack

ReactViteTailwind CSSFramer Motion

Integrations

  • Cart and orders
  • Sign-up and authentication
  • Ready for a payment provider

Need a site like this?

Estimate the cost for your own task — this project's format is already selected in the calculator.