Quel défi Nakawé relève-t-il pour le secteur artisanal ?
La plateforme offre un canal de vente direct, contemporain et équitable pour des créations textiles de haute qualité, valorisant le savoir-faire sans intermédiaires abusifs.
Nakawé · E-Commerce Artisanal Full-Stack
Identité textile, sans perdre l'essence.
Nakawé allie la richesse de l'artisanat traditionnel mexicain à une architecture e-commerce moderne : catalogue dynamique, sélection interactive de variantes, panier persistant et transactions sécurisées avec Stripe et PayPal.
Explorer la plateforme
Projet Terminé · 2025
- Produit
- E-Commerce Artisanal & Mode
- Stack
- Next.js · React · TypeScript
- Base de données
- Neon PostgreSQL Serverless
- Paiements
- Stripe & PayPal Checkout
01 · Propuesta de valor
Un espace numérique dédié à la valorisation du travail artisanal.
Nakawé a été conçue pour dépasser les limites des boutiques génériques. Chaque collection et vêtement raconte une histoire textile, soutenue par un parcours d’achat fluide, des stocks fiables et une intégrité transactionnelle totale.
La plateforme équilibre une esthétique visuelle rendant hommage aux traditions textiles du Chiapas et aux cultures artisanales mexicaines avec des exigences d'ingénierie élevées : Server Components pour un chargement quasi instantané, base de données relationnelle pour un contrôle strict des stocks et webhooks idempotents pour des paiements sans faille.
- 01
Catalogue & Collections
Découverte fluide des gammes de produits, vêtements traditionnels et accessoires avec filtres instantanés.
- 02
Paiement Fluide & Sécurisé
Sélection des tailles, panier réactif, persistance des commandes et double passerelle avec Stripe et PayPal.
- 03
Diffusion & Culture
Espace éditorial intégré avec magazine numérique et appels à projets pour artisans et ateliers.
02 · Flujo transaccional
De la découverte textile au suivi de la commande.
Chaque étape inspire confiance à l'acheteur tout en garantissant la cohérence transactionnelle de chaque achat.
- 01
Explorer
Navigation intuitive parmi les collections thématiques et catégories artisanales.
- 02
Personnaliser
Fiche technique complète, détails de broderie et choix de la taille.
- 03
Commander
Panier atomique avec calcul précis des montants et vérification préalable des stocks.
- 04
Payer & Suivre
Paiement sécurisé par carte (Stripe) ou PayPal et suivi continu dans l'espace client.
03 · Catálogo y ficha técnica
Une vitrine épurée où chaque création exprime sa valeur.
L'interface met en avant la photographie textile et la lisibilité des tarifs et variantes. Les actions d'achat restent intuitives sans détourner l'attention du travail artisanal.
04 · Adaptabilidad móvil
La navigation, les filtres et les fiches techniques s'adaptent naturellement à la lecture verticale. Les boutons interactifs adoptent des dimensions de 48px adaptées à une manipulation à une main.
05 · Flujo de compra y cliente
Panier, favoris et traçabilité complète des commandes.
Le parcours d’achat élimine les frictions : le panier détaille les pièces et montants, les favoris permettent de conserver des créations et le suivi rassure le client jusqu’à la livraison.
06 · Decisiones técnicas
Architecture moderne, persistance serverless et encaissements certifiés.
Next.js prend en charge les performances sur le navigateur et le serveur ; Neon PostgreSQL fournit une base de données relationnelle serverless avec haute disponibilité.
- 01
Frontend & Rendu
Next.js App Router avec Server Components et Tailwind CSS pour une réactivité maximale.
- 02
Données Relationnelles
Neon PostgreSQL avec modélisation stricte des utilisateurs, pièces, variantes et commandes.
- 03
Double Passerelle
Intégration poussée de Stripe et PayPal avec validation serveur et webhooks idempotents.
- 04
Edge & Déploiement
Déploiement sur Cloudflare et Vercel pour mise en cache globale et protection réseau.
07 · Proceso de diseño
Des maquettes Figma au design system en production.
Prototypage interactif et architecture modulaire des styles pour le produit.
Le développement de Nakawé a débuté par des prototypes haute fidélité dans Figma pour poser la hiérarchie visuelle, la typographie et les parcours de navigation avant le code. Côté intégration, une répartition claire a été adoptée : Tailwind CSS pour les micro-composants atomiques et répétitifs, et du pur CSS Modules pour les maquettes complexes, les fiches descriptives et les pages clés, assurant une isolation stricte et une spécificité sans compromis.
08 · Cultura y gestión
Communauté, magazine culturel et gestion administrative.
Nakawé intègre également un magazine culturel dédié aux techniques de tissage et un calendrier d'appels à projets, supervisés par un panneau d'administration des commandes et utilisateurs.
09 · Preguntas frecuentes
Questions fréquentes sur Nakawé.
Éléments clés sur l'architecture, la sécurité des paiements et les choix d'ingénierie.
Comment la fiabilité des paiements est-elle assurée ?
Le client ne valide jamais une commande seul : les webhooks officiels de Stripe et PayPal confirment montant et devise côté serveur avant de mettre à jour les stocks.
Pourquoi avoir choisi Neon PostgreSQL ?
Neon apporte la puissance de PostgreSQL dans un modèle serverless avec branches de données, tolérance aux pics d'audience et garanties ACID indispensables au commerce.
Comment le style a-t-il été articulé entre Tailwind CSS et CSS Modules ?
Une séparation pragmatique a été mise en place : Tailwind CSS pour les atomes d'interface, badges et composants utilitaires réutilisables, et du CSS Modules pur pour les vues complètes, fiches de vêtements et structures complexes, éliminant la surcharge de classes et les conflits de spécificité.
La technologie web moderne au service des traditions textiles.
Nakawé illustre comment le commerce en ligne peut honorer le patrimoine artisanal grâce à une expérience rapide, sécurisée et fluide sur tous les supports.