A clothing store built to show products clearly.
Overview
Clothing e-commerce website with storefront and product display setup.
9-Nine Store is a clothing brand selling online through Shopify. A Shopify storefront with product display and collections set up for clothing.
Details
Platform:
Type:
Fashion Store
Stack:
Language:
Live Website:
The pages
Real screenshots of the key pages, split into sections. Switch pages with the tabs, swipe or use the arrows, and click the middle image to see it full size.
Hover to scroll through the whole home page
Inside the website
The parts of this build that do the actual work, and how each one is put together.
01
A storefront built from scratch, not from a theme
This store does not run on a platform theme. The front end is a custom Nuxt application, server-rendered so the first screen arrives fast and the pages can still be indexed.
How it is built
- Nuxt and Vue.js storefront with server-side rendering
- Sticky header with search and cart; full-width hero slider
- Menu covering shop all, men, women, kids, new arrivals, best sellers and the two seasons
02
One product card, used everywhere
New arrivals, best sellers and every collection render the same component, with quick add on hover so a shopper can fill a bag without ever opening a product page.
How it is built
- Reusable product-card component with quick add
- Driven by lists, so a new row is configuration rather than markup
03
Filters that do not reload the page
Round neck, polo, milton pants, hoodies: chips that update the grid in place with a live product count, which is the advantage of building the front end rather than theming one.
How it is built
- Filter chips updating the grid without a page reload
- Breadcrumbs and a live product count
04
A product page that closes its own objections
Rating, price, colour and size pickers with a size guide, then collapsible details, care and returns, and verified reviews with the full star breakdown underneath.
How it is built
- Gallery with arrows, colour and size selectors, size guide
- Accordion for details, care and returns
- Reviews block with rating distribution and verified badges
Need something like this for your brand?
Tell me about your project. I will map the structure, the integrations and the launch plan, then build it so it looks right and sells.