Skip to main content
PandaCodeGen.

Work / Panda Patches / Founder-affiliated

Panda Patches

Case study updated

A custom-patch storefront connected to the team's order-management system.

A 3-year-old WordPress store, rebuilt with a patch configurator, an editor the team controls, and a connected system for orders, production and payments.

Panda Patches storefront preview. Explore the complete build below.
Explore the website, editor & operations / Founder-affiliated
Revenue today
$55K+/mo (owner-reported, 20 Sep 2026)
Migration
3-year-old site, no ranking losses in the 30 days after launch
Payments
Panda Patches started with Stripe. We later moved its payments to Square, which is the current provider.

One business. Three connected parts.

Your customers shop.
Your team keeps things moving.

The storefront customers see, the content editor your team controls, and the operations system behind each order.

01 / Website

What your customers see.

Your public website: where customers explore products, choose their patch specifications and send an enquiry. This is the front end of the business.

Instead of describing everything in a blank message, customers choose their backing, shape, border, size and quantity. The team receives those details with the request and returns a quote.

Customers also have a private portal for order history, tracking and reorders. That login-only area is not pictured here.

  1. 01

    The storefront

    The public website introduces the products and gives customers a way to start an enquiry.

    Open full-size screenshot (new tab):
    Panda Patches homepage with product introduction and quote enquiry form.
  2. 02

    Choose your patch

    Customers choose the details the team needs to prepare a quote.

    Open full-size screenshot (new tab):
    Panda Patches configurator showing patch specifications and quantity options.
  3. 03

    Send it for a price

    The next step captures contact details. This is a quote request, not an instant checkout price.

    Open full-size screenshot (new tab):
    The configurator contact step requesting a name and email before a quote enquiry is submitted.

02 / Content editor

An editor built for the patch business.

Sanity is where your website content lives. You or your marketing team can edit copy, publish articles and add case studies without editing code.

The editor gives your team fields for the content they manage, including promotional banners where configured. Change the content, then publish it to the website without asking a developer to rewrite the page.

These three screens show the actual editing experience: homepage copy, a blog post and a case study.

  1. 01

    Homepage copy

    Rewrite the homepage's “how we make your patches” steps directly in the editor.

    Open full-size screenshot (new tab):
    Sanity Studio open on the homepage's process section: a heading, a sub-heading and three ordered steps (Sketch, Mockup, Patch).
    1. Choose a homepage section
    2. Edit headings and steps
    3. Publish your changes
  2. 02

    Blog posts

    Publish a new guide, the same editor that runs the storefront's 63-post blog.

    Open full-size screenshot (new tab):
    Sanity Studio open on a blog post: title, URL slug and a main image field for a custom hockey patches guide.
    1. Choose a blog post
    2. Edit the post details
    3. Publish your changes
  3. 03

    Case studies

    Add a case study for a new industry with the same fields every sales page uses.

    Open full-size screenshot (new tab):
    Sanity Studio open on a bulk case study page: title, description and a patch photo field for a law enforcement client.
    1. Choose a case study
    2. Edit the case study
    3. Publish your changes

03 / CRM & operations

Where your business runs.

Your internal system brings customer records, quotes, orders, production, payment status and reports into one place. This is where the team manages the work behind the website.

Sales and production work from the same order records, with access based on their roles. Automations support follow-ups, while activity logs record who changed what and when.

The storefront and operations platform share a Supabase backend. Sanity separately manages website content. Customer and financial details in this screenshot are blurred.

Explore the operations case study
  1. 01

    The operations dashboard

    A shared view of orders and production, with reports and team tools available from the same system.

    Open full-size screenshot (new tab):
    Full Panda Patches operations dashboard showing navigation, order metrics and production pipeline, with sensitive details blurred.

An enquiry becomes a quote. A confirmed order moves through payment, production and delivery—with the team working from the same record.

04

The business behind the build.

Panda Patches is founder-affiliated: owned and operated by co-founder Imran Raza Ladhani, who holds a stake in both companies. These are first-party, owner-reported figures about the business, not independent client proof, and revenue is business context here, not a result attributed to the rebuild.

Revenue
$55K+/mo. Owner-reported, 20 September 2026.
Search rankings
No ranking losses recorded in Google Search Console during the 30 days after launch. Full URL export, 301 redirects and a fresh sitemap preceded the cutover.
Wise / Nasdaq activation
9,600 woven patches across 16 designs, delivered in two shipments (4 and 7 May 2026) for Wise's Nasdaq listing activation in Times Square, ordered, produced and tracked through this platform.
Independent reputation
Customer reviews are available on Trustpilot. Panda Patches reports more than one million patches delivered historically; that is a business figure, not an independent platform measurement.

05

Technology stack.

We integrate Stripe, Square and other payment providers with your checkout and order workflow. We confirm provider availability, API access and the features you need before agreeing the scope. The owner estimates current tooling at about $55/month (Supabase ~$25, Vercel ~$20, ~$10 for the AI patch generator). That's an owner estimate, not a reconciled accounting total. fal.ai billed $0.12 for the AI patch generator from 1 to 13 October 2026: 39 megapixels of images at $0.003 per megapixel.

Next.js 16 + React 19Frontend and API routes
Sanity CMSStructured content models, the team edits content without a developer
SupabaseDatabase, authentication, storage buckets and Edge Functions, shared with the operations platform
SquareCheckout, Apple/Google Pay, Cash App, Afterpay
fal.ai (FLUX.1 [schnell])AI patch mockup generator
Meta CAPI, GA4/GTM, Google AdsServer-side conversion tracking
ZeptoMailOrder and abandoned-cart email
VercelHosting, CDN and cron

The Supabase backend behind the storefront.

The storefront and operations portal share a Supabase backend for the database, authentication, storage buckets and Edge Functions. Customer accounts connect to order history and tracking, while role-based access supports digitizing, reseller, shipping and production workflows. Edge Functions handle server-side business logic and integrations.

The owner reported 47 Edge Function implementations in the CRM repository on 22 October 2026, excluding the _shared helper folder. This is a source-code count, not a verified count of functions deployed live.

Explore the Panda Patches CRM
The full build scope (14 items)
  • · 9 product category pages (embroidered, woven, PVC, chenille, leather, silicone, printed, sequin, 3D)
  • · 4 additional product pages (lapel pins, challenge coins, keychains, PVC shoe charms)
  • · Configurator with backing, shape, border, size and quantity, feeding a quote request
  • · Square checkout: card, Apple Pay, Google Pay, Cash App Pay, Afterpay BNPL
  • · AI patch generator (fal.ai) with a prompt pipeline and abuse-blocking rules
  • · Free embroidery tools: thread colour chart with logo colour matching, DST and PES viewers, a DST and PES converter, a stitch count calculator
  • · Customer portal: Supabase auth, order history, tracking, one-click reorder
  • · Server-side conversion stack: Meta CAPI, GA4/GTM, Google Ads, Pinterest, Bing, an OpenAI pixel
  • · Two-stage abandoned-cart recovery (email at 30 min, then 24h with a code)
  • · ~30 SEO/AEO landing pages plus an /ai-info answer hub, llms.txt, hreflang, IndexNow
  • · Sanity CMS, structured content edited without code
  • · 63-post blog library feeding the topical cluster
  • · Supabase ops portal: order pipeline, sales dashboards, clock in/out, role-based access, full audit log
  • · Responsive storefront with a touch-friendly configuration flow

06

Free tools on the store.

Alongside the shop we built six free tools for people working with embroidery files and patch designs. The file viewers, the stitch calculator and the AI generator each lead to a patch price or a quote.

Thread colour chart (opens pandapatches.com in a new tab)719 thread codes, searchable by code, Pantone or hex. Drop in a logo and it suggests matching thread codes, working on the visitor's own device; the image is never uploaded.
DST file viewer (opens pandapatches.com in a new tab)Opens a Tajima DST embroidery file and shows the stitch pattern, size, stitch count and colour blocks.
PES file viewer (opens pandapatches.com in a new tab)Opens a Brother PES file and shows the design with its thread colour names, size and stitch count.
DST and PES converter (opens pandapatches.com in a new tab)Converts between Tajima DST and Brother PES in both directions, downloaded straight to the visitor's device.
Stitch count calculator (opens pandapatches.com in a new tab)Estimates stitches from size, coverage and detail, or counts them exactly from an uploaded file, then prices the patch from the live pricing engine.
AI patch generator (opens pandapatches.com in a new tab)Turns a description into a patch concept in a chosen shape, style and border, using the FLUX.1 [schnell] model through fal.ai. A designer then prepares the real production mockup.

fal.ai billed $0.12 for the AI patch generator from 1 to 13 October 2026: 39 megapixels of images at $0.003 per megapixel. All six were checked live on 13 October 2026.

How it works day to day

Our founder-affiliated Panda Patches store connects orders, customer approvals and production in one operations portal.

  1. 01Order
  2. 02Mockup
  3. 03Approval and payment
  4. 04Production
  5. 05Delivery
Orders reach the right team
New orders arrive in one place and are routed to the appropriate team. Rush orders have their own board, with ship-by deadlines calculated in working days.
Mockups have a follow-up clock
Each new order starts a 24-business-hour mockup timer. Overdue mockups are flagged, with unresolved alerts escalating to the team lead and then management. Uploading a mockup triggers a customer approval email.
Payments connect to production
Staff create Square card or PayPal payment links in one click. Invoices are generated from the order, deposit payments notify the responsible person, and paid orders move to production.
Conversations stay with the order
Each order has tasks and chat. Teammate mentions trigger phone or laptop push notifications, overdue tasks are flagged, and each person sees their tasks and chats in urgency order.
Shipping updates stay connected
The floor board shows each job's production status. Courier tracking is pulled into the order so customers receive shipping updates without staff retyping them.
Resellers place their own orders
Reseller partners use a separate ordering portal connected to the same pricing engine as the public website.
FAQ

Questions about this project.

How does Panda Patches use Supabase?
The storefront and operations portal share a Supabase backend for the database, authentication, storage buckets and Edge Functions. Customer accounts connect to order history and tracking, while role-based access supports digitizing, reseller, shipping and production workflows. Edge Functions handle server-side business logic and integrations. The owner reported 47 Edge Function implementations in the CRM repository on 22 October 2026, excluding the _shared helper folder. This is a source-code count, not a verified count of functions deployed live. Panda Patches is founder-affiliated, not an independent client engagement.
Did the Panda Patches WordPress migration preserve Google search rankings?
We migrated the 3-year-old WordPress site to Next.js and recorded no ranking losses in Google Search Console during the 30-day post-launch monitoring window. We exported every indexed URL before migration, built 301 redirects for each one in Next.js middleware, preserved existing meta titles and descriptions, upgraded schema markup without changing entity signals, and submitted a fresh sitemap to Google the day of launch. Rankings held through that 30-day window. Movement after that point reflects many factors outside our control and is not attributed to the rebuild. No provider controls search rankings.
Can you replace Shopify with a custom coded e-commerce store?
Yes, but this project is not the evidence for it. Panda Patches ran on WordPress and WooCommerce and was never on Shopify, so it shows we can replace a WordPress commerce stack with a custom Next.js storefront, not that we have moved a store off Shopify. The current platform uses Sanity, Supabase and Square. Panda Patches started with Stripe. We later moved its payments to Square, which is the current provider. For a Shopify store there are two different jobs: a headless storefront that keeps Shopify running products, orders and payments, or a full replacement of commerce as well. We scope those separately. Panda Patches is founder-affiliated, not an independent client engagement.
How does the custom patch configurator work?
Customers select a patch type, dimensions, quantity and finish, then provide contact details to request a price. The team receives the selected options with the enquiry. The current storefront does not show an instant price for every configuration or turn the configurator itself into checkout.
How much does it cost to build a custom e-commerce platform like this?
A custom e-commerce platform with a real-time pricing engine, CMS, Square checkout (card, Apple Pay, Google Pay, Cash App Pay, and Afterpay BNPL), an AI mockup generator, a customer portal, and a full server-side conversion-tracking stack starts at $15,000 to $30,000 depending on complexity. The owner estimates Panda Patches' current tooling at about $55/month (Supabase ~$25, Vercel ~$20, and ~$10 for the AI patch generator); this is not a reconciled accounting total.
What tools did the custom platform replace?
The storefront and connected operations platform replaced a WordPress and WooCommerce stack, separate CRM, spreadsheets and manual team workflows. We have not published reconciled invoices or time records for the previous tools, so we do not quote a savings amount or hours recovered.
How long did it take to build the Panda Patches platform?
The initial storefront rebuild launched within 8 weeks. Panda Patches started with Stripe. We later moved its payments to Square, which is the current provider. The current storefront includes custom pricing, Sanity CMS, an AI patch generator, a customer portal and server-side conversion tracking; the current feature set should not be read as the original launch scope. The connected staff CRM is a separate application sharing the same Supabase backend.
Has the Panda Patches rebuild been covered in the press?
Yes. Hassan Jamal used it as his example in a CIO Grid expert Q&A, "How IT Leaders Decide When to Modernize Aging Systems", published on 20 October 2026. His point: the sign it was time to rebuild was that quotes, order updates and customer messages had moved outside the site into email and spreadsheets. While the fixes still live inside the system, keep maintaining it; once they live outside it, start planning. Panda Patches is owned by co-founder Imran Raza Ladhani, so it is founder-affiliated, not an independent client engagement.

Need your website and order workflow to work together?

Most sites stop at the storefront. This one hands off into the system the team actually runs orders through. Tell us where yours breaks down, and we'll work out what that would take.

Explore e-commerce services