+3 capas integradas (IA, pagos, fulfillment) en una sola experiencia
0 errores en build/check en entrega final de release
100% del flujo crítico cubierto (briefing → pago → estado pedido)
5 APIs principales Orquestadas end-to-end en una sola experiencia de producto.
El reto
Rebranding y transformación digital
El reto no era solo visual, era sistémico: transformar un flujo transaccional clásico en una experiencia conversacional de alto valor, integrando asesoría IA, generación de imágenes, pricing dinámico, checkout seguro y fulfillment bajo demanda sin degradar rendimiento ni confianza de compra.
A nivel técnico, implicó rediseñar el journey completo, endurecer seguridad (CSP, control de origen, rate limiting), asegurar consistencia de datos entre servicios y preparar la transición de entornos test a live en pagos y operaciones.
Lo que hice
Arquitectura y ejecución
Diseñé e implementé una arquitectura basada en SvelteKit + TypeScript con separación clara de responsabilidades entre frontend, endpoints server-side y servicios de integración.
Implementé un flujo conversacional con modelo LLM para briefing creativo y generación de prompts refinados, persistencia de sesión/workspace y control de estado de usuario.
Integré Stripe Checkout + webhooks para eventos críticos de pago (checkout.session.completed, expired, async_payment_failed), gestión de créditos, control de errores y trazabilidad transaccional.
Integré Supabase como backend de datos con políticas de seguridad, operaciones idempotentes, validación de payloads y mecanismos antiabuso (rate limit por actor/session/IP).
Conecté Printful para fulfillment, sincronización de pedidos y actualización de estados logísticos vía webhook.
Además, ejecuté mejoras de SEO técnico (metadata dinámica, canonical, Open Graph, JSON-LD schema, sitemap/robots) y optimización UX/UI del funnel principal con enfoque “hero-first”, claridad de mensaje y fricción mínima en checkout.
Resultado
Impacto de negocio
El proyecto culminó en una plataforma productiva y preparada para operación real, con flujo end-to-end desde briefing creativo hasta pago confirmado y orquestación de producción.
Se consiguió una mejora sustancial en claridad del recorrido de usuario, una base técnica mantenible para iteración rápida y una infraestructura lista para escalar catálogo, volumen de pedidos y experimentación de conversión sin rehacer el core del sistema.
Stack tecnológico
Frontend: SvelteKit, Svelte 5, TypeScript, TailwindBackend: SvelteKit server routes, Node.jsData/Auth: Supabase, PostgreSQLAI: OpenAI API, Fal.aiPayments: Stripe Checkout + WebhooksFulfillment: Printful API + WebhooksInfra/SEO: Vercel, metadata, sitemap, schema.org