Skip to content
Demo prototypeStorefrontsFashion e-commerce

7 Store

A full storefront experience for a streetwear brand, from hero slider to order tracking.

Demo prototype on a sample catalogue. Orders and accounts are stored in the browser, with no payments or real fulfilment.

Home, shop, men's category and offers. Recorded from the running site.
Type
Demo prototype
Industry
Fashion e-commerce
Category
Storefronts
Built with
  • Next.js 16
  • React 18
  • TypeScript
  • Tailwind CSS

The brief

A fashion brand needs a store that feels like the brand first: big visuals, quick filtering and a checkout that never gets in the way, on a phone as much as on a desktop.

How we built it

We built the storefront in Next.js with a hero slider, category pages for men, women and kids, a filterable shop, wishlist, cart, coupons and offers, checkout, order success and tracking, plus a mobile bottom bar and an admin area. State lives in the browser, so it runs on sample data.

What is in it

  • Hero slider with video, collection tiles and trust bar
  • Shop with category, price and size filters, sorting and search
  • Wishlist, cart, coupon codes and recently viewed
  • Checkout, order success page and order timeline
  • Mobile bottom navigation and an admin area

A closer look at 7 Store.

  • 7 Store home page hero reading Wear Your Story
    First screen.
  • 7 Store shop by collection section
    Collections and trust bar.
  • 7 Store shop page with product grid
    Shop: product grid with quick actions.
  • 7 Store offers and coupons page
    Offers and coupons.
7 Store home page on a phone
Phone view

Want a build like this?

Tell us what you need. We will say what we would build, what stays manual, and what it would honestly take.