Orifade ⎯⟡ Premium tees & custom print

The problem

Orifade is a Dhaka brand (est. 2024) selling 180gsm ring-spun tees and custom prints. Off-the-shelf Shopify themes fought the brand: no first-class BDT experience, no clean path for group buys vs private 10-piece custom requests, and a look that read as generic apparel, not a black-and-white street label. Custom print is the margin play (48-hour quotes, no payment until a quote lands), so that flow had to feel like a product, not a contact form buried in the footer.

The solution

We built a purpose-built storefront on Next.js App Router (Turbopack chunks in production), React client islands for cart and forms, and Tailwind design tokens so the black/white system stays consistent from sticky header to the inverted footer.

A few implementation notes:

1. Custom cart, not a theme drawer. Cart lives as a client-side drawer (CartDrawer + CartIconBadge) with CSS variables for z-index and motion, so PDP browsing never dumps people onto a full cart route.

2. Catalog + merch ops. Shop is route-driven (/shop?category=tees|hoodies|accessories) with New Arrivals and Best Sellers blocks on the home page. Solids sit at ৳550, printed/acid-wash at ৳599, with free shipping over ৳2,000 called in the hero.

3. Custom print as a first-class route. /custom-design splits Group Buy vs Private Request. Private requests collect name, email, design notes, and a Drive link, MOQ 10, quote in 48 hours, no checkout until they accept. Open group drops can be empty without breaking the page.

4. Growth plumbing. Meta Pixel and Microsoft Clarity ship in the root layout so ads and session replay work without a tag manager spaghetti. Order lookup, size guide, shipping, and returns are real routes, not placeholder links.

5. Performance and a11y basics. Next/Image-style assets, skip-link, sticky header, and a 404 that still sells (Shop Now). Hosted as a Next app, not a page-builder export.

The live site is orifade.com: premium tees, custom print, shipped from Dhaka.