# Pure Prakriti: A monsoon you can scroll through > A herbal hair-care brand that sells on Amazon got a storefront that feels like rain on glass and still loads like a text page. - Page: https://www.brandbakery.tech/work/pure-prakriti - Last updated: 2026-10-20 Breadcrumb: [Home](https://www.brandbakery.tech/) > [Work](https://www.brandbakery.tech/work) > Pure Prakriti ## At a glance - **Client:** Pure Prakriti - **Industry:** Herbal hair care, D2C on Amazon.in - **Status:** Live - **Live site:** https://getpureprakriti.com - **Year:** 2026 - **Built:** 5 Oct 2026, one 16-hour sprint - **Stack:** Hand-built HTML, CSS and JS, GSAP, Lenis, Cloudflare Pages ## The brief Pure Prakriti grinds single herbs on stone (amla, reetha, shikakai, bhringraj, hibiscus, methi) and sells them on Amazon.in. They arrived with a monsoon concept that was already lovely: rain running down glass, herbs turning in the light, a stone grinder, a 45-minute hair ritual. As a design, it worked. As a shop, it could not go live. The checkout asked for card and UPI details it could never process, the reviews were placeholders, and an intro animation made every visitor wait before they saw a single herb. The job was to keep the feeling and make every part of it true. ## What we made A storefront ready for real customers. Every frame of the art stayed. Everything that was not real went. - A scroll story with live rain, a hero and a stone-grinding sequence that play as you scroll (with portrait frames cut for phones), herb tabs, and a ritual timer that works. - The whole range: a carousel, a catalogue and seven product pages, each with its own address, search description and sitemap entry. - Buy buttons that go straight to the right Amazon listing. No pretend checkout, no pretend orders. The cart lives on the visitor's phone, and the page tells them so. - Three real Amazon reviews, quoted with dates and attribution (4.5 stars from 21 ratings when we checked). - Structured data for products, offers, breadcrumbs and the organisation, plus an llms.txt and an AI catalogue, so ChatGPT and other assistants describe the range correctly. - The domain moved from Hostinger to Cloudflare, with HTTPS on both the bare domain and www. ## The hard part Motion this heavy usually costs a 3 MB homepage, which is a long wait on a budget Android phone over patchy 4G. The original build loaded entire decoded image atlases before anything moved. We cut them into frames that load only when the story reaches them, and held back scroll pinning until the first scroll. The opening download fell from 2.78 MB to 460 KB, about 83 percent lighter, without dropping a single frame. The one visible trade is a slightly softer glass texture, and we wrote it down. ## Proof - Google PageSpeed on mobile, before and after: Performance 84 to 91, Accessibility 96 to 100, Best Practices 92 to 100, SEO 100. (Source: Google PageSpeed Insights, lab data, single runs. Google has no field data yet.) - Google PageSpeed on desktop: 100 on all four scores, with the largest paint at 0.7 s. (Source: Google PageSpeed Insights, lab data, single run.) - Our first local audit scored 62, with the largest paint at 12.2 s. The final local build scored 89, with LCP at 3.6 s. (Source: Local Lighthouse audits during the sprint, lab data.) - Opening download cut from 2.78 MB to 460 KB, about 83 percent lighter. (Source: Network transfer measured before and after the frame-loading change.) - 40 of 40 browser checks pass on Chrome and Safari, desktop and phone, in production and in CI. (Source: Browser test suite, production and CI runs.) - Google Rich Results test: 3 valid items on a product page (product snippet, merchant listing, breadcrumbs). (Source: Google Rich Results test on a live product page.) Lab numbers from single runs. Google has no field data for this site yet. ## Work with us Want something like this? Start at https://www.brandbakery.tech/contact. More work: https://www.brandbakery.tech/work. --- Brand Bakery is a design-first digital studio in New Delhi. Start an enquiry at https://www.brandbakery.tech/contact or email support@brandbakery.tech. This is the Markdown copy of https://www.brandbakery.tech/work/pure-prakriti; the site index for language models is https://www.brandbakery.tech/llms.txt.