AB Collection
A custom e-commerce store for a real Islamabad clothing shop, twenty-plus categories, working cart and COD checkout, wishlist and order tracking, no Shopify in sight.
Visit abcollection.com.pk
Recorded on the live store, category menu, product discovery, add-to-bag, cart totals and the checkout gate, with zooms on each interaction.
The problem
A specialist shop built its name on matching dupattas by hand, but online, that expertise was invisible. Marketplace listings and template shops flatten a curated catalogue into a feed, and push buyers to WhatsApp for every question.
What we built
A bespoke storefront that mirrors the shop itself: a four-department taxonomy with twenty-plus categories, product pages carrying fabric, measurements and care, a persistent bag with discount codes and shipping maths, and COD checkout built for how Pakistan actually pays.
The result
A production store at abcollection.com.pk: product discovery to tracked delivery in one flow, with wishlist, save-for-later, reviews, order tracking and store visit details. A physical shop's reputation, online as a real system.
The product journey
Land on the edit
A cinematic hero leads with the season's silhouettes, photography and serif type doing the selling.
Navigate the departments
Mega-menu expands Stitched, Unstitched, Dupatta and Kurta into twenty-plus specific categories.
Read the product properly
SKU, stock state, fabric and metre measurements, care and delivery tabs, reviews and related pieces.
Bag it
Quantity stepper, save-for-later, discount code and live shipping total. The maths done before checkout.
Check out with COD
Account creation keeps the bag waiting; cash-on-delivery matches how the market actually pays.
Track the parcel
A self-serve tracking page answers 'where is my order' without a WhatsApp message.
Best features
A taxonomy that thinks like a shopkeeper
Four departments, Stitched, Unstitched, Dupatta, Kurta, expand into twenty-plus specific categories in one hover, the way the shop floor is actually organised.
Product pages that answer everything
SKU, stock state, attribute chips, fabric metres per piece, care instructions, delivery & returns, reviews and related pieces. The questions a buyer would ask, already answered.
A bag that does the maths
Quantity steppers, save-for-later, a discount-code field and live subtotal/shipping/total, checkout arrives with no surprises.
Checkout built for the market
Account-gated checkout that holds the bag while you register, cash on delivery, and WhatsApp-friendly order updates, how e-commerce actually works in Pakistan.
Self-serve order tracking
A dedicated /orders/track page gives every parcel a status without support messages, fewer 'where is my order' pings for the shop.
Online store, real shop
Store hours, address and visit details stay one tap away, the site funnels footfall back to the physical counter in PWD, Islamabad.
How we handled the hard parts
- Keeping the bag through signup
- Checkout requires an account, so the bag is persisted across the register step and the UI reassures shoppers their items are saved and waiting, removing the biggest drop-off in gated checkouts.
- Selling to a COD market
- Payment trust is built differently in Pakistan: cash on delivery, WhatsApp updates and a visible physical address replace card logos as the trust signals.
- A category tree shoppers already know
- Stitched/Unstitched × 2-piece/3-piece/full suit plus fabric types, the information architecture mirrors how customers ask for things, not how a database stores them.
- Editorial retail design
- Cormorant Garamond display type over an ivory-and-plum palette gives a fabric shop the finish of a fashion house, without slowing the buy flow.
Stack
Frequently asked questions
Is this Shopify or a custom build?
Custom: a hand-built Next.js storefront, not a Shopify theme. The catalogue model, checkout flow and page templates are ours, so the shop isn't renting its own store.
Does it support cash on delivery?
Yes, COD is a first-class checkout option, alongside account creation, order tracking and WhatsApp-friendly updates for Pakistani shoppers.
How deep does the catalogue go?
Four departments expand into twenty-plus categories, stitched and unstitched suits, dupattas by fabric type, kurtas, new arrivals and sale.
Can customers track orders themselves?
Yes, a dedicated tracking page shows live order status, reducing support messages for the shop.
Can Usmani Labs build a store like this?
Yes, custom e-commerce with real cart, checkout, catalogue and tracking is exactly what we ship. Tell us about your catalogue.
Keep exploring
- E-commerce Development : Custom storefronts and commerce platforms that convert.
- Web Development : Marketing sites, web applications and portals: fast, accessible and built to rank.
- UI/UX Design : Product design and interfaces users understand instantly.
- Grevent case study : A professional networking platform where people and companies share updates, build rich profiles, message in real time and sell gated content, the social graph, the commerce and the payouts in one system.
- Keynou case study : Free online file-conversion and document tool suite.
- Workflow automation for wholesalers and distributors : the same fixed-price, built-around-your-workflow approach for wholesale & distribution.
- Software we build, by industry
Built by Usmani Labs
We turn manual business workflows into software that runs them: fixed price, shipped in weeks.