SSOLĒ

Five directions for the same shop.

All five are working prototypes, not pictures — you can browse, filter, open a product, choose a size and fill a bag in every one. Same eight products, same brand palette, five different personalities. Open them, then tell me which one feels like SSOLĒ.

1–6 msTo draw a new page. Measured, not estimated.
~30 KBPer product photo, WebP, all 13 under 650 KB.
0Frameworks, trackers or font downloads.
8Products live in one shared file. Edit once.
SSOLĒ
Walk
Well.
01

Editorial

Quiet luxury · magazine layout

Cream paper, enormous Didot headlines and a lot of empty space. Products sit in a two-up grid that steps up and down like a spread. The kind of restraint that makes a ₦82,000 clog look like it is worth it.

Big typeOffset gridSlide-out bagSticky product images

Open prototype 01

SSOLĒ
001Kyō Slide68,000
002Sienna Clog80,000
003Lucca Clog82,000
004Bastia Clog79,000
02

Catalogue

Archival index · fastest to scan

The shop as a reference list: hairlines, tabular prices, a reference number per style. Run your finger down the rows and the photo on the right changes as you go. Best direction if customers know what they want and hate scrolling.

Index / grid toggleHover previewSpec-sheet product pageDrop-down bag

Open prototype 02

SSOLĒ
03

Boutique

Warm · friendliest to buy from

Soft cream, rounded cards, gentle shadows. Quick-add buttons, wishlist hearts, star reviews, a real bag page with a promo field. This is the direction that converts strangers — it feels like a shop that will actually answer its WhatsApp.

Quick addWishlistImage carouselFull bag pageReviews

Open prototype 03

SSOLĒ
04

Atelier

Dark · most expensive-looking

Espresso ground with the products lit on ivory plates, like a vitrine. Tan accents, a slow scrolling reveal, a full-screen bag takeover. Since your photos are shot on white, the plates are what make a dark site work — no muddy cut-outs.

Dark modeScroll revealsSticky mobile buy barBag takeover

Open prototype 04

SSOLĒ
05

Instant

App-shell · the half-second answer

Built the way a phone app is: all four tabs render once at start and stay alive, so switching between them takes 0.2 ms and zero requests — and each tab keeps its scroll position. Products open as a sheet over the shop. This is the direct answer to “tap a page and have it load almost instantly”.

Bottom tab barLive searchProduct sheetKeeps scrollPerf readout

Open prototype 05

How to read these

What is real

  • Browsing, category filters, search
  • Product pages with size selection
  • Add to bag, quantities, remove
  • Bag survives a refresh
  • Works on phone and desktop

What is not wired yet

  • Payment — Checkout is a stub
  • Real stock levels
  • Accounts and order history
  • Product names and prices are placeholders

Why they are fast

No framework, no webfonts, no analytics. One shared product file, photos converted to WebP at two sizes, and pages drawn from data already in the browser instead of fetched again. That is where the half-second comes from.