Website Design for Indian D2C Brands: From Discovery to Checkout

What should the homepage say before it sells anything?

A D2C brand competes with its own listing on a marketplace, and the marketplace usually has faster delivery, more reviews and a bigger discount. What it cannot show is why the thing was made, who makes it and what you refuse to compromise on. That is the advantage your own website starts with, so the first screen should use it.

One or two screens is enough: what it is, who it is for, why you make it this way. Then the products. Our fictional FORME commerce concept is built on that restraint — a line about the ritual, one photograph, two products, and a delivery-pincode check beside the buy button.

How do people find the right product?

Most Indian D2C brands have a modest catalogue: eight products, or sixty. Filters copied from a large marketplace look absurd at that size. Organise the range the way a customer describes the choice to a shop assistant — by skin type, by concern, by size, by occasion — and let the words on the category page do the sorting.

Discovery is also structural. Google’s ecommerce structure guidance asks for links from menus to category pages and from category pages to every product page, and warns that products not linked from a category page may never be found by the crawler. Products reachable only through a filter or the search box are hard for people and machines alike. Our guide to planning a sitemap around the customer journey covers that groundwork.

• A category page that explains the choice, not only a grid of tiles.
• Sorting people understand: bestselling, price, newest — not “relevance”.
• A search box that copes with how customers actually spell your product names.
• A clear route back to the full range from every product page.
• Out-of-stock items left visible, with a return date or a notify option.

What must a product page answer?

The product page is the shop assistant. It has to show scale, texture and use: the product in a hand, in its packaging, in the kitchen or bathroom it will live in, and a legible shot of the back of the pack for anything eaten or applied to skin. One hero image and three lifestyle crops is not enough for someone spending two thousand rupees on something they cannot smell.

Indian rules are specific about some of this. A brand selling its own goods on its own website is an inventory e-commerce entity under the Consumer Protection (E-Commerce) Rules, 2020, which require it to display prominently, in a clear and accessible manner, the “total price in single figure of any good or service along with the breakup price”, showing compulsory and voluntary charges such as delivery, handling and applicable tax, together with accurate information on “return, refund, exchange, warranty and guarantee, delivery and shipment, cost of return shipping, mode of payments, grievance redressal mechanism”. The rules also require the legal name, address and contact details of customer care and the grievance officer to be shown prominently, and bar a seller from posing as a consumer to post reviews.

Pincode, delivery, UPI and cash on delivery

The pincode question arrives early in India and deserves an early answer. Put the delivery estimate and any shipping charge next to the product, not three steps into the checkout. If you reach some pincodes in two days and others in seven, say so where the decision is made. The FORME concept keeps that check beside the buy button for the same reason.

Payment expectations have moved quickly. According to the Press Information Bureau, annual UPI transaction volume grew from 1.78 crore transactions in FY 2016-17 to more than 24,162 crore in FY 2025-26, and the IMF recognises UPI as the world’s largest real-time payment system by transaction volume. For a D2C brand, UPI belongs in the first release of the checkout, working properly on a phone.

Cash on delivery is a commercial decision before it is a design one: it carries collection costs and orders that come back undelivered. Whatever you decide, put it where the customer can see it, on the product page and at the pincode check rather than at the payment step. If it is limited by pincode or order value, say so before someone types an address.

Where do checkouts lose people?

Checkouts rarely fail because they are ugly. They fail because something appears that the customer did not expect.

• A shipping charge or handling fee that shows up only at the last step.
• A compulsory account before an order the customer wanted to place once.
• Fields that do not apply to most buyers, asked of everyone.
• A pincode typed three times, in three different formats.
• An OTP screen that loses the cart when the customer switches apps to read the code.
• A coupon box that sends people off to hunt for a code they never find.

Some of the tactics that lift a conversion chart are unfair trade practices in India. The Central Consumer Protection Authority issued Guidelines for Prevention and Regulation of Dark Patterns on 30 November 2023, listing thirteen specified dark patterns, among them drip pricing, basket sneaking, false urgency, confirm shaming and subscription traps. The Department of Consumer Affairs has since amended the e-commerce rules: the Amendment Rules, 2026 require e-commerce entities to comply with those guidelines, run a yearly self-audit and display a certificate of compliance, and take effect on 1 January 2027.

Returns, tracking and the promises made after payment

Write the returns policy the way you would explain it on the phone: how many days, in what condition, who pays return postage, how the refund arrives and how long it takes. The 2020 Rules require that information to be accurate and accessible, and do not allow a seller to refuse to take back goods that are defective, deficient, spurious or not as advertised. A vague policy protects nobody; it only costs you the order.

After payment the website still has work to do. An order-status page, an email and a message should say the same thing, and a delay should be admitted before the customer asks. If support runs on WhatsApp, its Business Messaging Policy allows you to contact people only where they have given their number and opted in; on the Business Platform you may reply freely within 24 hours of the customer’s last message and need an approved template after that. Build that opt-in into the checkout as a choice, not a pre-ticked default.

Does it work on a mid-range phone?

A D2C site accumulates weight: large photographs, a review widget, a chat bubble, a loyalty script, three analytics tags. On an office laptop it feels quick. On a three-year-old Android on mobile data, the product page arrives in pieces and the buy button jumps as the last image loads.

Google publishes thresholds worth designing against. According to web.dev, a good experience means Largest Contentful Paint within 2.5 seconds, Interaction to Next Paint of 200 milliseconds or less and Cumulative Layout Shift of 0.1 or less, measured at the 75th percentile of page loads across mobile and desktop. Measure the product page and the checkout first: they usually carry the most weight.

• Compress product photographs and serve them at the size the phone shows.
• Reserve space for images and banners so nothing shifts as the page loads.
• Load galleries and reviews only when someone scrolls to them.
• Count your third-party scripts, and remove the ones nobody looks at.
• Re-test after every campaign: pop-ups and tracking tags arrive quietly.

What should you measure after launch?

Take a baseline before you change anything, then watch a few measures that describe the customer’s experience rather than flatter the site.

Read the numbers next to the messages. A dashboard tells you where people stopped; a customer complaining that the delivery charge appeared at the last step tells you why. Bringing the story, the structure, the product pages and the checkout together is what our Website Design & Development work is for, with your team reviewing the journeys before launch.