Custom Shopify theme development for fashion brands GlamFit and Desi Darzi — KLYX
Case Study · Shopify Theme Development
📅 April 2026 ✍️ Shubham, KLYX Shopify Theme Fashion E-commerce India
Custom Shopify Theme Development for Two Fashion Brands — GlamFit & Desi Darzi
Two fashion e-commerce brands — GlamFit (modern activewear and western casual wear) and Desi Darzi (Indian ethnic and fusion wear) — each needed a bespoke Shopify theme that reflected their distinct brand identity. While both were fashion Shopify stores targeting Indian consumers, they required completely different visual languages, browsing architectures, and conversion flows. KLYX delivered two fully custom themes from a shared component library — each brand unmistakably distinct, both shipped within a single engagement.
🔴 The Problem: Why Both Stores Were Invisible

Two brands, two different niches — but the same core issue surfaced across both audits: the stores weren't failing technically, they were failing experientially. Visitors arrived, found nothing that held their attention, and left without engaging.

  • 👕 GlamFit: Generic free Shopify theme with zero brand personality. The store looked identical to hundreds of other Indian activewear stores. No visual differentiation, no brand energy. Analytics told the full story — a 78% bounce rate on mobile. People came, looked, and left.
  • 📱 GlamFit: Broken mobile experience. The hero banner text was unreadable on small screens, and the primary CTA button was below the fold on all devices under 430px width — meaning most visitors on budget Android phones never even saw the call to action.
  • 🎽 Desi Darzi: Missing the single most important filter for Indian ethnic wear. No size chart, no fabric/care instruction display, and no occasion filter — essential for Indian ethnic wear where occasion (Bridal / Casual / Festive / Office) is the primary purchase driver, not colour or size.
  • 🎨 Desi Darzi: No colour swatch previews on collection pages. Product cards showed only a single front image. Customers couldn't browse colour variants without clicking into each product — collection page click-through was low and cart abandonment was high.
  • 📄 Both brands: Product descriptions were unstructured text walls. No visual hierarchy for fabric details, sizing notes, or care instructions. High return rates on both stores were traced directly to "not as described / not as expected" — a problem created by how information was (not) presented, not the products themselves.
"Both founders independently used the same phrase during kickoff: 'people come, look, and leave.'" The stores weren't broken — they were invisible.
💡 The Solution: One Architecture, Two Identities

KLYX proposed two theme builds from a shared Shopify Liquid component library — using the same underlying section architecture and reusable blocks, but with entirely different visual systems applied on top.

GlamFit needed high energy: bold sans-serif typography, tight grid, dark accents, sporty feel. Think athlete, not shopper. The store had to feel like putting on a training playlist the moment it loaded.

Desi Darzi needed warmth: editorial whitespace, serif typography, ivory/gold palette, artisanal character. The experience had to feel considered, crafted, and rooted — like browsing a curated ethnic boutique, not a checkout-first e-commerce grid.

Same architecture. Completely different personalities. The shared component library meant both brands benefited from the same reliability, Shopify admin compatibility, and checkout flow integrity — while appearing to customers as if they had been built by completely different teams for completely different worlds.

⚙️ The Build: Execution Step by Step
  1. Brand immersion sessions with both founders. Reviewed competitor stores, identified specific visual references each brand resonated with. Established two design briefs: GlamFit → bold / modern / athletic. Desi Darzi → warm / artisanal / refined-traditional.
  2. Built a shared Shopify Liquid section library. Product card, hero banner, announcement bar, testimonial slider, lookbook grid, size chart modal, fabric detail accordion, colour swatch component. Each section is parameterised for visual customisation per brand — one codebase, two distinct outputs.
  3. GlamFit theme: high-contrast athletic visual system. Bold Michroma-inspired display typography, high-contrast black/white with accent colour, tight 4-column product grid, sticky add-to-cart bar on product pages, integrated size guide modal with model measurements and fit notes per size.
  4. GlamFit mobile rebuild: full-bleed hero with pinned CTA. Full-bleed hero video loop (WebP fallback) with the CTA pinned above the fold on all screens under 768px. The mobile experience went from broken to flagship — bounce rate dropped measurably within the first two weeks post-launch.
  5. Desi Darzi theme: editorial warm identity with occasion-first navigation. Warm serif display font, ivory/gold colour palette, 3-column editorial product grid, occasion filter (Bridal / Casual / Festive / Office) implemented as a Shopify tag-based filter, handcrafted-look badge system for fabric types (Silk, Cotton, Chanderi, etc.).
  6. Desi Darzi colour swatch interaction on collection pages. Custom product card hover that reveals alternate colour variants as circular swatch bubbles. Clicking any swatch loads that variant's images and price without a page reload — implemented via Shopify Ajax Cart API and variant.js, no full navigation required.
  7. Both themes: Shopify Metafields for structured product data. Fabric composition, care instructions, fit type, and occasion tags all live in Metafields. The product description template renders these as a visual accordion — fabric detail, sizing notes, and care instructions are scannable in seconds, not buried in a paragraph wall.
  8. Performance optimisation on both themes: 90+ PageSpeed on mobile. Lazy-loaded all below-fold images, preloaded LCP images, used CSS contain for layout stability, minimised render-blocking scripts. Google PageSpeed Insights mobile score 90+ achieved on both stores before handoff.
🛠️ Tech Stack
LayerTechnology / Approach
PlatformShopify Liquid (theme development)
CartShopify Ajax Cart API
DataShopify Metafields + Combined Listings app
JSVanilla JS (no framework dependencies)
CSSCustom (no Tailwind — Shopify theme constraints)
AssetsWebpack bundling
PerformanceGoogle PageSpeed Insights / Core Web Vitals optimisation
📈 Results
90+ Google PageSpeed mobile score — achieved on both themes before handoff
#2 Occasion filter became the 2nd most-used navigation path on Desi Darzi within 2 weeks of launch
78%→lower GlamFit mobile bounce rate measurably reduced post-launch, within the first two-week window
Zero Below-the-fold CTA issues on GlamFit — resolved permanently with the mobile-first hero rebuild
  • Desi Darzi's return rate dropped in the first month after size guides and fabric detail accordions went live — fewer "not as expected" returns, because customers knew exactly what they were buying before checkout.
  • GlamFit's sticky add-to-cart bar increased mobile add-to-cart events significantly in the first 30-day comparison — the bar kept the conversion action visible throughout the product page scroll, instead of requiring users to scroll back to the top.
  • Both founders reported customers spending longer on the site and mentioning the design in their post-purchase feedback — a qualitative signal that the visual identity was landing with the right audience.
🎯 Key Takeaways
  • Two brands in the same niche need completely different visual languages. The mistake most agencies make is reusing the same Shopify template with different colours. Customers feel the sameness. GlamFit and Desi Darzi customers are different people making different decisions — the store needs to feel that difference from the first second.
  • Shared component library = faster delivery and higher quality. Building both themes from the same Liquid section library cut total development time by roughly 30% while ensuring both stores behaved reliably across Shopify's admin and checkout flows. This is not a shortcut — it is the right architecture for multi-brand engagements.
  • Occasion filtering is the single most valuable feature for Indian ethnic fashion. Western fashion stores filter by colour and size. Indian ethnic wear customers browse by occasion first — Bridal, Festive, Casual, Office. If your Shopify store doesn't surface this filter prominently, you're fighting your customer's actual browse pattern and losing conversions you'd otherwise get for free.
🚀 Build Your Shopify Store With KLYX

Does your Shopify store need a design that converts?

KLYX builds custom Shopify themes for fashion, lifestyle, and D2C brands across India. Whether you need a single brand identity or a multi-brand component architecture, we scope it rigorously and ship it fast.

Based in Dehradun, India  ·  Serving clients across India, UAE, UK & beyond