AB Collection — Fashion E-commerce Website

Project Overview

AB Collection is a premium everyday essentials brand for men, made in India and sold direct to consumers. Its first drop is a collection of heavyweight 240–300 GSM cotton tees, from the Everyday Tee and Everyday Oversized to French terry Heavyweights, the Everyday Polo, the sun-faded Sun-Fades and the sprayed-finish Lava Split. We designed and developed a modern, responsive e-commerce website that presents the collection with a calm, editorial look and takes customers from browsing to checkout and order tracking.

Project Objective

• Present a small, premium collection with a look that matches the brand
• Give every product clear colour, size, stock and delivery information
• Take customers from browsing to checkout with a cart and customer accounts
• Let customers track their orders without needing to call
• Collect launch interest and explain the pre-launch offer
• Deliver a smooth shopping experience on mobile

Website Experience

Visitors land on a hero with the headline "It's a manifesto to be worn.", a short line about "heavyweight 240–300 GSM cotton essentials for everyday life" and a Shop Collection button, above a fanned row of model photos that animates into place. The homepage continues with a Featured Collection of product cards and a dark "Wear Everyday" band with floating model photos and an Our Story button. A sticky header keeps Home, Collection, About, FAQ and Contact in a pill-shaped menu, with wishlist, cart and account icons and a Shop Collection button. Serif display headings, a warm cream and sand palette and gold buttons carry the brand's premium feel through every page.

Collection & Product Pages

The Collection page ("First Drop") shows every piece as a card with badges such as Bestseller, Trending, Limited, New, Popular and Sold Out, colour swatches, the price in rupees and Add to Cart and View Details buttons. Each product has its own page with an image carousel and thumbnails for every colour, a breadcrumb, a star rating with review count, the fabric line (for example "240 GSM Premium Cotton" or "260 GSM French Terry"), a description and feature list, colour and size selectors, a stock note such as "Only 1 left", a size chart, a quantity picker and an estimated delivery date. Customer reviews can be sorted by most recent, highest or lowest rating, and logged-in customers can write their own.

Cart, Checkout & Order Tracking

Customers add pieces from the collection or product pages, review them in a slide-out cart drawer or on the cart page, and sign in to check out. Customer accounts handle signup and login, and a wishlist icon sits in the header and on product pages. The Track Your Order page asks for the Order ID and then verifies the customer with the last four digits of the phone number used at checkout, so an order number alone cannot reveal tracking details.

Brand Story & Support Pages

The About page, "Built for the in-between", tells the brand's story around four values: Comfort first, Timeless design, Honest pricing and Made in India, with a quote from founder Abbas Badwahwala. The FAQ page answers questions about the launch, the pre-launch offer, sizing, payment and data use in an accordion. Dedicated pages cover Terms & Conditions, Privacy Policy, Shipping & Delivery, Refund & Returns and Pricing & Tax, and a campaign landing page presents a one-time voucher code.

Responsive Design

The website is fully responsive. On mobile, the hamburger icon opens a full menu with the page links, Cart, Login / Signup, Track Your Order and a Shop Collection button, the cart stays in the header, and product cards, colour and size selectors and Buy Now and Add to Cart buttons stack neatly for easy shopping on a phone.

Customer Engagement & Lead Generation

• Email signup in the footer of every page for launch updates
• Contact form with name, email, optional phone and message
• Email and Instagram contact links
• Customer reviews and star ratings on product pages
• Wishlist and customer accounts
• "Shop Collection", "Buy Now", "Add to Cart" and "Our Story" calls-to-action

Local Focus

The store is built for customers in India: prices are shown in Indian Rupees (for example "₹799/-"), orders ship to serviceable locations across India, the footer reads "Made in India", and the Pricing & Tax page explains the brand's GST status.

Services Provided

• UI/UX design
• Responsive e-commerce development
• Product catalogue with colour and size variants and stock status
• Cart, customer accounts and checkout
• Payment gateway integration
• Order tracking with phone verification
• Reviews, wishlist and size charts
• Contact form and email signup
• Policy pages and campaign landing page
• On-page SEO and analytics setup