Custom E-Commerce Platform for D2C Brand
+35%
Increase in average order value through configurator
50,000
Mobile app downloads in first 3 months
+120%
B2B orders increase in first quarter
Industry
E-Commerce & Retail
Services
Digital Platform Engineering, Mobile App Development
Tech Stack
Next.js, NestJS, PostgreSQL, Redis
Duration
6 months
What Needed to Change
A premium D2C home goods brand had scaled to a meaningful revenue run rate on Shopify but was hitting the platform's structural limits.
The brand needed a product configurator — allowing customers to personalize products with material, finish, size, and engraving combinations — that Shopify's variant system could not support beyond a certain number of options without breaking. Their loyalty program needed to work across both their online store and 3 offline retail outlets, with points earned and redeemed at any touchpoint — a unification Shopify could not achieve without expensive third-party integrations that were slowing the site to 4.2 seconds load time. A B2B ordering channel for interior designers and corporate clients required multi-level approval workflows, custom pricing tiers per account, and bulk order management — none of which existed natively. The brand also wanted a branded mobile app experience with personalized homepages and push notification capability.
How We Solved It
Brihat Infotech built a fully custom e-commerce platform architected around the brand's specific commercial requirements. The Product Configurator allowed customers to compose personalized products from multi-dimensional option matrices — material, dimensions, finish, and custom text — with a live 3D preview updating in real time as selections changed, and the final price recalculated instantly. A Unified Loyalty Engine linked the online platform and offline POS systems through a shared customer identity — points accrued from any purchase channel and redeemable at any touchpoint via QR code scan at the physical stores. The B2B Portal gave registered trade clients — interior designers, architects, and corporates — access to custom pricing tiers, multi-item quote builders, purchase order upload, multi-level internal approval workflows for orders above defined values, and consolidated account billing. A React Native Mobile App delivered personalized homepages, push notifications for price drops and restock alerts, and an in-app loyalty wallet. Platform performance was optimized with edge caching via AWS CloudFront, achieving a 1.1-second page load time against the previous Shopify benchmark of 4.2 seconds.
What We Built
Canvas-based real-time product configurator: material, dimension, finish, engraving with live preview and instant price recalculation
Merchandising-controlled pricing matrix — product team updates options and pricing without engineering
Unified cross-channel loyalty wallet tied to phone number, redeemable online and at offline POS via QR scan
B2B wholesale portal with MOQ enforcement, multi-level approval workflows (buyer → procurement → finance), and net-30 tracking
React Native mobile app targeting 60fps on mid-range Android, sub-1-second perceived load from CDN pre-rendering
Automated Razorpay + Stripe dual-gateway with smart routing and payment failure recovery
Why This Stack?
We built the configurator on HTML Canvas rather than Three.js because the client's products are 2D-configurable (flat materials, surface finishes) — Three.js would have added 400KB of JavaScript for no visual benefit. AWS CloudFront with pre-rendered static pages at the edge gives the mobile app its 1-second load time. The dual Razorpay/Stripe gateway setup handles Indian domestic transactions on Razorpay and international orders on Stripe with automatic routing.
The Results
+35%
Increase in average order value through configurator
50,000
Mobile app downloads in first 3 months
+120%
B2B orders increase in first quarter
4.2s → 1.1s
Page load time vs Shopify
Revenue from the B2B wholesale channel grew 3× in the first year following launch — the buyer portal reduced procurement friction enough that enterprise customers increased order frequency. Mobile app ratings on both iOS and Android improved from 3.1 to 4.6 following the React Native rebuild. The loyalty programme's redemption rate, previously near zero, climbed to 34% of eligible transactions.
Lessons We're Taking Forward
Canvas outperforms 3D libraries for 2D product configuration
We evaluated Three.js, Babylon.js, and HTML Canvas for the product configurator. The client's products are flat — material swaps and surface finishes on 2D representations. Canvas delivered the same visual output with 400KB less JavaScript and a 3× faster first render.
Loyalty programmes succeed when redemption is frictionless
The previous loyalty system had separate online and offline balances, requiring customer service calls to reconcile. Unifying to a phone-number-linked wallet redeemable via QR scan at POS increased redemption rates by 4× in six months — customers actually used the points.
B2B and B2C need separate purchase flows, not a toggle
Attempting to add MOQ enforcement and multi-level approval to the consumer checkout created a UI that served neither buyer well. Separate portal entry points with shared backend inventory made both experiences clean — and kept the code boundary explicit.
Related Case Studies
Building something similar?
We've solved problems like this platform before. Let's talk about yours.