Catalogue, cart and checkout are treated as one product — not a brand essay with a shop widget taped on.

• 01

  Checkout preview

  The bag can be tested before a commerce platform is connected.

• 02

  Story as support

  Provenance never replaces the path into the cart.

• 03

  Shop first

  Catalogue, price and add-to-bag sit on the first screen.

IA follows how people actually shop — browse, filter, add, return to cart — with the brand essay deliberately placed second.

Section map

Each block removes one objection before the shopper reaches the bag.

#	Section	Role
01	Announcement bar	Shipping or values — retail convention
02	Navigation	Shop taxonomy, lookbook, care
03	Hero	Seasonal focus with a shoppable entry
04	Product grid	Filter by category and fabric
05	Quick add & cart	Persistent cart drawer
06	Lookbook	Editorial cross-sell as a basket builder
07	Care & repair	Retention and values signal
08	Footer	Policies, contact, concept credit

Scroll orderSee the season → filter → add → check out.

• Merino crew₹4,800

  Field jacket₹9,200

  Shop

  Photography and price sit on the first screen — not colour swatches.

• Bag2 items

  • 
    Merino crewQty 1
    ₹4,800
  • 
    Field jacketQty 1
    ₹9,200

  Total₹14,000

  Bag

  Quantity and total already behave like a working shop.

• Checkout preview2 items · ₹14,000

  

  No payment taken in this mock.

  Preview order

  Checkout

  Preview the order without taking a payment.

The Ecom template is rebuilt as a working storefront: structured catalogue, a bag that updates, editorial that still sells, and a front-end that can plug into a commerce platform without redesigning the shop.

• Product recordPublished

  Catalogue

  Merino crewKnit · ₹4,800

  Field jacketOuterwear · ₹9,200

  Studio knitNew · ₹4,200

  Fields

  Name · Slug · Fabric · Price · Image · CTA

  Catalogue CMS

  Products, fabric and price as structured merchandising — one record drives the card, the bag and the PDP.

• Lookbook

  Lookbook merchandising

  Editorial photography that still shops. Story sits beside the grid, not instead of it.

• Explore Thread

  AllKnitOuterwearNew

  

  Cart & checkout

  Add, quantity and a labelled checkout preview. The bag already behaves like a shop before payments are connected.

• Front-endThread storefrontReact storefront · layout settled

  HandoffShopify · Snipcart · HeadlessCatalogue and checkout attach here

  StatusLayout settledNo payment taken in this mock

  

  KnitMerino crew₹4,800Add to bag

  Platform-ready front-end

  A converted Ecom storefront ready for Shopify, Snipcart or a headless checkout — layout settled before the integration layer.

Built to connect to a real catalogue, payments, inventory and abandoned-cart email. This mock settles layout and interaction first so the platform choice comes second.

1. Browse→
2. Filter→
3. Bag→
4. Checkout

• 01
  Catalogue

  Shopify, a headless PIM, or a JSON feed can replace the in-file products.

• 02
  Checkout

  The bag already holds quantity and total. Payments attach at this handoff.

• 03
  Retention

  Care notes and abandoned-cart email sit ready once a provider is chosen.