Fabrico · E-Commerce
Ein PDF-Schnittmuster-Shop, neu gebaut als native Mobile-App
Fabrico sells sewing patterns you download and print at home. We turned its WooCommerce storefront into a fast, branded app — browsing, sizing, checkout, account and content in one place — wrapped in a soft "liquid glass" look, shipping to iOS, Android and Web from a single codebase. The interesting work wasn't the screens; it was making a third-party WordPress store behave like a first-class mobile backend.
Im Produkt
Die Lücke
Fabrico's WooCommerce web store capped what mobile-first customers would do, and an earlier FlutterFlow build never felt right. Rebuilding separately for each platform was off the table — and the store had to behave natively: a cart that truly syncs, variable products with live pricing, and a payment that actually settles.
Das Insight
One codebase could serve every platform. The win wasn't three apps — it was a single build shipping natively to iOS, Android and Web, with a thin service layer making WooCommerce feel first-class on mobile.
Produkt-Tour
Merchandised home & browsing
The home screen leads with a story, not a grid — a hero, curated bestsellers and bundles. Browsing is a proper catalogue with search, category chips, wishlist hearts and a live product grid pulled straight from the store.
Buy the right size, not just the pattern
Patterns are variable products — sold as individual sizes or an "all sizes" bundle at a different price. The detail page builds a multi-attribute picker (size, height) from the live variations and updates the price as you choose, with a sticky glass add-to-cart bar.
Personal from the first tap
A built-in "what kind of seamstress are you?" quiz turns a cold catalogue into a guided experience — ten questions, six personality types, tailored recommendations and a 20% coupon saved to the account.
The whole brand, in-app
Not just a shop: a native Learning Hub renders the blog, and the profile hub links size charts, printing guides and FAQ, plus orders and a real downloads library. A project tracker generates a sewing checklist per make with on-device progress.
Checkout that works end to end
Rather than a fake success screen, checkout drives a real Stripe payment through WooCommerce's hosted order-pay page and polls the order until it settles — because the payment page blocks being embedded in an iframe. Free and 100%-coupon orders are set paid instantly.
Unter der Haube
A cart that actually syncs
CoCart bridged guest and account carts by token, adding the correct variation id — after tracking down a silent string-vs-number param failure. TanStack Query owns all server state; Zustand holds only auth and cart.
Three targets, one source
A signed Android release off a clean ASCII path, iOS via EAS/TestFlight, and a web build — fixing import.meta, a WebView web shim and non-ASCII header handling along the way. All on top of the earlier FlutterFlow → React Native port.
Stack & Kanäle
Leistungen dahinter
Das Ergebnis
A real e-commerce product — live products, real payments, persistent accounts and a bespoke design system — designed, engineered and shipped to three platforms from a single source.
Projekt starten
Sagen Sie uns, was fehlt.
Ein Formular, eine echte Antwort binnen 24 Stunden. Oder direkt einen Call buchen.
Weitere Wege zu uns
- E-Mailhello@thnkers.com
- LinkedIn@thnkers
- Call buchencalendly.com/thnkers