Challenge
A Signarama sign shop needed customers to design their own business cards in-browser — not pick from static templates — and have that design flow straight into physical production without a designer manually rebuilding every file. Off-the-shelf ecommerce or design-tool plugins don't talk to production hardware; this had to be built as real software.
Approach
We built Flex Cards as a full-stack application: a Next.js front end with a Konva-based canvas editor for live card design, AI background removal for uploaded photos, and Stripe checkout on the customer-facing side. On the backend, a custom WordPress/WooCommerce plugin handles order processing and hands off production files directly to the shop's physical hardware — a Canon Arizona printer via ONYX and a Zünd cutter — so a completed order becomes a printed, cut card without manual file handling.
Deliverables
- Next.js + Konva canvas card design editor
- AI-powered background removal for uploaded images
- Stripe checkout integrated into the design flow
- Custom WooCommerce plugin as the order-processing backend
- Direct hardware pipeline to ONYX (Canon Arizona printer) and Zünd cutter
- End-to-end flow from browser design to physical, cut card with no manual file handoff
Results
- [TBD: cards produced / order volume through the system]
- [TBD: turnaround time, design to physical output]
- A complete pipeline shipped from browser canvas to physical print hardware — proof this isn't templated plugin work
- [TBD: error/reprint rate since launch]
