Lumen & Loam

A storefront for an independent maker of lighting, ceramics and textiles — where browsing feels like a well-lit shop and buying takes as few steps as possible.

Industry
Home goods retail
Type
E-commerce storefront
Catalogue
16 sample products, 4 categories
Highlights
Filters, finishes, persistent bag
Visit the store Try it on this page

An original studio project — designed and built by Devroniq Studio to show what we can make. Not client work.

Lumen & Loam home page: a walnut table lamp beside the headline “Objects for slow evenings.”
A Lumen & Loam product page on a phone

The problem

Small brands lose sales in the gap between “that’s beautiful” and “paid”.

Product pages that hide the options, bags that empty when you come back, and checkouts that ask for everything at once all cost orders — especially on phones. Lumen & Loam is a complete shopping flow built to close those gaps.

What it does

  1. A home page that sells the moodA hero product, a new-season rail, shopping by category and the makers’ story.
  2. Shop with real filtersCategory, price and tone filters with live counts, sorting, search, removable filter chips and a helpful empty state.
  3. Product pagesImage gallery, finishes that change the photo, stock-aware quantity, details, care and shipping, and related pieces.
  4. A bag that remembersKept after reload, with free-shipping progress, quantity controls and a demonstration promo code.
  5. Mobile shoppingA collapsible menu and search, a filter panel, and a sticky “view bag” bar.
  6. Demonstration checkoutShipping, delivery and review with validation — and no payment details requested at any point.

Design decisions

A tall, condensed Archivo gives the brand a confident voice against warm oat, clay and olive; product names and prices stay in a quiet sans so the photography leads. Cards show a second finish on hover, so the range is visible without clicking.

In a production store the final step would hand over to a secure payment provider. This demonstration stops before any payment details are asked for, and says so.

Shop with filters
Shop with filters
Product page
Product page

Try it here.

Open full screen

Honest notes

A studio project, not client work.Lumen & Loam is a fictional store created by Devroniq Studio as an e-commerce demonstration — not client work. Products, makers, prices and stock are sample content. Photography comes from Unsplash under the Unsplash License and does not show Lumen & Loam products. The bag is stored only in your browser; checkout requests no payment details, charges nothing and places no order.
Built with
  • Vanilla JavaScript modules
  • Hash routing
  • Responsive images
  • localStorage for the bag
  • Self-hosted open-source fonts