Desafío
Un taller de letreros Signarama necesitaba que sus clientes diseñaran sus propias tarjetas de presentación en el navegador — no elegir entre templates estáticos — y que ese diseño fluyera directo a producción física sin que un diseñador reconstruyera manualmente cada archivo. Los plugins de ecommerce o diseño estándar no hablan con hardware de producción; esto tenía que construirse como software real.
Enfoque
Construimos Flex Cards como una aplicación full-stack: un frontend en Next.js con un editor canvas basado en Konva para diseño de tarjetas en vivo, remoción de fondo con IA para fotos subidas por el usuario, y checkout con Stripe del lado del cliente. En el backend, un plugin a medida de WordPress/WooCommerce procesa los pedidos y entrega los archivos de producción directamente al hardware físico del taller — una impresora Canon Arizona vía ONYX y una cortadora Zünd — para que un pedido completado se convierta en una tarjeta impresa y cortada sin manejo manual de archivos.
Entregables
- Editor de diseño de tarjetas en canvas con Next.js + Konva
- Remoción de fondo con IA para imágenes subidas
- Checkout con Stripe integrado al flujo de diseño
- Plugin a medida de WooCommerce como backend de procesamiento de pedidos
- Pipeline directo de hardware hacia ONYX (impresora Canon Arizona) y cortadora Zünd
- Flujo de punta a punta del diseño en navegador a la tarjeta física cortada, sin manejo manual de archivos
Resultados
- [TBD: tarjetas producidas / volumen de pedidos a través del sistema]
- [TBD: tiempo de entrega, del diseño a la salida física]
- Un pipeline completo lanzado del canvas en navegador al hardware físico de impresión — prueba de que esto no es trabajo de plugin templado
- [TBD: tasa de error/reimpresión desde el lanzamiento]
