¿Qué problema resuelve Nakawé para el sector artesanal?
Brinda un canal de comercialización directo, moderno y confiable para prendas de alta costura artesanal, eliminando intermediarios abusivos y dignificando el valor cultural de cada pieza.
Nakawé · E-Commerce Artesanal Full-Stack
Identidad textil, sin perder la esencia.
Nakawé combina la riqueza del diseño artesanal mexicano con una arquitectura de comercio electrónico moderna: catálogo dinámico de prendas, selección interactiva de variantes, persistencia de compras y procesamiento transaccional seguro con Stripe y PayPal.
Recorrer la plataforma
Proyecto Completado · 2025
- Producto
- E-Commerce Artesanal & Moda
- Base
- Next.js · React · TypeScript
- Datos
- Neon PostgreSQL Serverless
- Pasarelas
- Stripe & PayPal Checkout
01 · Propuesta de valor
Un espacio digital para revalorizar el trabajo artesanal.
Nakawé fue concebida para superar las limitaciones de las tiendas genéricas. Cada colección, prenda y variante cuenta una historia textil, integrada con flujos de compra rápidos, inventario confiable y seguridad en cada transacción.
La plataforma equilibra una estética visual respetuosa con las tradiciones textiles de Chiapas y las culturas artesanales de México con los estándares de ingeniería más exigentes: Server Components para velocidad de carga, base de datos relacional para control estricto de existencias y webhooks idempotentes para procesar pagos sin discrepancias.
- 01
Catálogo & Colecciones
Exploración estructurada por líneas de producto, prendas tradicionales y accesorios con filtros rápidos.
- 02
Compra Fluida & Segura
Selección de tallas, carrito reactivo, persistencia de compras y doble pasarela con Stripe y PayPal.
- 03
Difusión & Cultura
Espacio editorial integrado con revista digital y convocatorias comunitarias para artesanos y talleres.
02 · Flujo transaccional
Del descubrimiento textil al seguimiento de la orden.
Cada paso está optimizado para brindar confianza al comprador y proteger la integridad transaccional de cada pedido.
- 01
Explora
Navegación intuitiva por colecciones temáticas y categorías artesanales.
- 02
Personaliza
Revisión de ficha técnica, detalles del bordado, fotos y selección de talla.
- 03
Transacciona
Carrito atómico con cálculo exacto de importes, cupones y verificación previa.
- 04
Liquida & Recibe
Checkout seguro con Stripe o PayPal y seguimiento del pedido en el historial personal.
03 · Catálogo y ficha técnica
Una vitrina clara donde cada prenda comunica su valor.
El diseño privilegia la fotografía del textil y la legibilidad de precios, tallas y variantes. La información de compra siempre está al alcance sin distraer del trabajo artesanal.
04 · Adaptabilidad móvil
La navegación, los filtros de prendas y las fichas técnicas se adaptan a la lectura vertical. Los controles interactivos respetan áreas táctiles generosas de 48px para operar cómodamente con una sola mano.
05 · Flujo de compra y cliente
Carrito, favoritos y trazabilidad de pedidos.
El flujo de compra evita fricciones innecesarias: el carrito resume claramente costos y piezas, los favoritos permiten guardar prendas para después y el módulo de compras mantiene al cliente informado sobre el estado de sus órdenes.
06 · Decisiones técnicas
Arquitectura moderna, persistencia serverless y cobro verificado.
Next.js resuelve el rendimiento en el navegador y en el servidor; Neon PostgreSQL proporciona una base de datos relacional serverless con escalado automático y alta disponibilidad.
- 01
Frontend & Renderizado
Next.js App Router con Server Components y Tailwind CSS para tiempos de carga mínimos.
- 02
Datos Relacionales
Neon PostgreSQL con esquemas estructurados para usuarios, productos, variantes y pedidos.
- 03
Doble Pasarela
Integración completa de Stripe y PayPal con validación en servidor y webhooks idempotentes.
- 04
Despliegue & Edge
Infraestructura en la nube con Cloudflare y Vercel para distribución global de activos y seguridad.
07 · Proceso de diseño
De los wireframes en Figma a la arquitectura en producción.
Prototipado interactivo y arquitectura modular de estilos para el producto.
El desarrollo de Nakawé comenzó con prototipos de alta fidelidad en Figma para definir la jerarquía visual, la tipografía y los flujos de navegación antes de escribir código. En la maquetación técnica se adoptó una separación clara: Tailwind CSS se utilizó para componentes pequeños, repetitivos y utilitarios, mientras que para las vistas complejas, las fichas de prenda y los diseños centrales se implementaron CSS Modules puros para garantizar aislamiento estricto, especificidad limpia y control visual milimétrico.
08 · Cultura y gestión
Comunidad, revista cultural y gestión operativa.
Nakawé va más allá de la venta: incluye una revista digital sobre la historia del arte popular y una sección de convocatorias para sumar nuevos talentos artesanales, respaldado por un panel administrativo para controlar usuarios y pedidos.
09 · Preguntas frecuentes
Preguntas sobre la plataforma y tecnología de Nakawé.
Detalles clave sobre la arquitectura, seguridad en pasarelas de pago y decisiones de ingeniería.
¿Cómo se garantiza la consistencia en los pagos con Stripe y PayPal?
El frontend nunca marca una orden como pagada por sí mismo. El servidor procesa los webhooks oficiales de Stripe y las notificaciones IPN/webhooks de PayPal, verificando importes y moneda antes de descontar stock y generar el comprobante.
¿Por qué se eligió Neon PostgreSQL?
Neon ofrece PostgreSQL nativo con arquitectura serverless, permitiendo ramificación de bases de datos para desarrollo/staging, escalabilidad instantánea en picos de tráfico y transacciones ACID indispensables para un e-commerce.
¿Cómo se organizó el maquetado entre Tailwind CSS y CSS Modules?
Se aplicó una división técnica pragmática: Tailwind CSS para átomos de interfaz, badges y microcomponentes reutilizables donde la agilidad de utilidades aporta valor, y CSS Modules puros para el diseño de páginas completas, fichas de prendas y estructuras complejas, evitando clases sobrecargadas y colisiones de especificidad.
Tecnología moderna al servicio de la tradición artesanal.
Nakawé demuestra que el comercio electrónico puede honrar el patrimonio cultural con una experiencia de compra rápida, confiable y accesible desde cualquier dispositivo.