Aller au contenu
Toutes les références

Projet 2 sur 29

BlackSheep Sérigraphie

BlackSheep Sérigraphie : site et configurateur de commande

Le site d’un atelier de sérigraphie haut-savoyard, avec un configurateur qui pose le marquage sur le vêtement avant le devis.

Client
BlackSheep Sérigraphie
Type
Site, App web
Voir le site en ligneblacksheepserigraphie.com(nouvel onglet)
Page d’accueil de BlackSheep Sérigraphie : « Imprimé dans les Alpes, depuis 2013 » à côté d’une photo du carrousel d’impression

Contexte

BlackSheep Sérigraphie imprime et brode du textile depuis 2013 à Seytroux, en Haute-Savoie, pour des marques de sport, des clubs, des associations et des entreprises. L’atelier travaille sans minimum de commande, sur des textiles biologiques et avec des encres eco-friendly.

Un devis dépend du modèle, du coloris, des quantités par taille, des emplacements et du nombre de couleurs. Le client devait pouvoir décrire tout cela seul, en ligne, et voir son marquage sur le vêtement avant d’envoyer sa demande.

Démarche

Nous avons écrit le site en code sur mesure, avec Next.js, en français et en anglais. Le configurateur avance en cinq étapes : produit, couleur, tailles, marquage, envoi. Au marquage, le client choisit un emplacement sur le vêtement dans son coloris, voit la zone imprimable cotée en millimètres, puis importe son logo ou tape un texte qu’il déplace et redimensionne. Le récapitulatif reprend chaque zone et le palier de quantité ; l’atelier chiffre ensuite le devis, sans paiement en ligne.

Ce qu’on a construit

  • Configurateur en cinq étapes : produit, couleur, tailles, marquage, envoi
  • Aperçu du marquage sur le vêtement, dans son coloris, zone cotée en millimètres
  • Six emplacements par t-shirt, chacun en sérigraphie, broderie ou transfert DTF
  • Logo importé ou texte libre : deux polices, couleurs d’encre, taille, zoom, annuler
  • Quantités par taille de XXS à 5XL, avec le palier de quantité affiché
  • Récapitulatif par zone et demande de devis envoyée à l’atelier
  • Catalogue de 23 modèles avec recherche, filtres et fiches produit, site bilingue

Stack

  • Next.js

Un projet similaire ?

On vous dit en un échange si l’approche s’applique à votre cas, et ce que ça implique.

Cadrer mon projet gratuitement