Aller au contenu
FiveX
LogicielDesign

Hand & Needle — boutique et back-office d’un atelier de couture

Un atelier de broderie d’Aïn Beïda qui vend dans tout le pays et prend des commandes sur mesure. La boutique tourne en français et en arabe, chacune mise en page dans son sens de lecture, avec un catalogue, un panier et le paiement à la livraison. Derrière, la partie qui sert tous les jours : commandes, stock, clientes, et les demandes sur mesure qui arrivent sans prix et repartent avec un devis.

Visiter le site
Plateforme
Web
Secteur
Couture et broderie
Année
[YYYY]
Durée
[N] semaines
L’accueil de Hand & Needle : la photographie d’une femme en takchita de velours brodée, à côté du titre L’Élégance de Notre Patrimoine, sur un fond bordeaux sombre.

Écrans

la boutique

  • L’accueil : une takchita de velours brodée photographiée à côté du titre L’Élégance de Notre Patrimoine, avec les boutons vers la collection et les nouveautés.
  • Une rangée de portraits ronds par catégorie — tenues de mariage, robes traditionnelles, takchita, jabador, tuniques, broderies sur mesure, accessoires — au-dessus d’une sélection Les Plus Aimées de quatre pièces en dinars.
  • La section sur mesure : une couturière à la machine à broder à côté d’une demande de devis, au-dessus d’une bande en quatre points sur le travail à la main, la livraison dans 58 wilayas, le paiement à la livraison et les retouches offertes.
  • La page collection : des pastilles de catégories, un compteur de pièces et un tri, au-dessus d’une grille de vêtements portant chacun sa catégorie, son prix en dinars, ses nuances de couleur et un bouton d’ajout au panier.
  • La page atelier : comment l’atelier a commencé dans un appartement d’Aïn Beïda, trois chiffres pour les brodeuses, les pièces livrées et les wilayas desservies, et la phrase de la fondatrice sur la broderie qui se reconnaît de près.
  • La page contact : adresse de l’atelier, téléphone, e-mail et horaires, à côté d’un formulaire avec nom, téléphone, une liste de sujets et un champ message.

en arabe

  • Le même accueil en arabe, mis en page de droite à gauche : le titre أناقة تراثنا avec la photographie à gauche, la navigation en miroir et les portraits de catégories légendés en arabe.

le back-office

  • Le tableau de bord : chiffre d’affaires, commandes, produits et clientes en quatre chiffres, une courbe sur douze mois, et un panneau qui compte les commandes à confirmer, les expéditions du jour et les demandes de broderie sans réponse.
  • Le tableau des commandes : référence, cliente, wilaya, date et montant, chaque ligne portant un statut — livrée, expédiée, confirmée, en attente ou annulée — avec un filtre par état.
  • La liste des produits : vignette, nom et SKU, catégorie, prix, stock et statut de publication, avec édition, duplication et suppression sur chaque ligne.
  • L’écran des catégories : chaque catégorie en carte avec sa photographie, son nombre d’articles et son segment d’URL.
  • La liste des clientes : nom, téléphone, wilaya, nombre de commandes, total dépensé et date de la dernière commande.
  • Les demandes sur mesure : cliente, vêtement, motif, couleur et date face à un statut, avec une demande ouverte en dessous montrant ses images de référence et le devis en cours de chiffrage.
  • Les niveaux de stock : en stock, faible et rupture en trois compteurs à côté de la valeur du stock, au-dessus d’un tableau donnant à chaque SKU sa quantité, une jauge et un état.
  • Les paramètres : informations boutique, tarifs de livraison et transporteur par défaut, interrupteurs de paiement et de notification, et la liste des administrateurs avec leur rôle.

Technologies

  • Next.js
  • React
  • PostgreSQL
  • RTL

Étude de cas suivante

Dites-nous où le système casse.

Une seule équipe senior, cinq disciplines, aucune passation au milieu. Envoyez-nous la contrainte et nous vous dirons ce que nous construirions.

Démarrer un projetRéserver un appel technique