Retour à l'accueil

Empreintes Ateliers : une boutique pour une allure singulière

Empreintes Ateliers : une boutique pour une allure singulière

Client

Empreintes Ateliers

Rôle

Développeur Fullstack

Outils & Technologies

Next.jsReactTypeScriptSupabaseMotion

Empreintes Ateliers propose des chaussures, des sacs et des pièces de maroquinerie. J'ai développé son site pour donner une place centrale aux produits et à l'identité de la marque, tout en permettant à l'équipe de gérer la boutique au quotidien. Visiter le site

Une identité qui prend sa place

Le site s'ouvre sur les produits, avec des visuels généreux, une typographie ample et une palette de bruns. L'emblème et la signature de la marque accompagnent les transitions et la navigation. Une seconde composition porte la promesse « Une allure singulière au quotidien pour chaque empreinte ».

La signature Empreintes Ateliers et sa promesse, répartie autour de son emblème.

Ma contribution

J'ai conçu et intégré les pages de la vitrine, le catalogue et le parcours de commande. J'ai aussi développé l'espace client et le panel d'administration, puis préparé le déploiement sur le domaine de la marque.

  • Présentation des collections et fiches produit adaptées aux petits et grands écrans
  • Catalogue relié à Supabase, avec séparation entre produits publiés et brouillons
  • Panier, commandes à la fabrication et suivi côté client
  • Confirmation des demandes et échanges avec la marque sur WhatsApp
  • Inscription, connexion et confirmation de l'adresse e-mail
  • Administration des produits, commandes, contenus et visuels
  • Gestion des coupons, bandeaux promotionnels et réseaux sociaux depuis le panel

Un panel pour faire vivre la boutique

L'équipe peut mettre à jour les produits, leurs images et les contenus sans modifier le code. Les commandes et les comptes disposent de parcours distincts, et l'accès à l'administration est contrôlé côté serveur. Les données publiques du catalogue et les données privées des clients sont séparées par les règles d'accès Supabase.

Stack et mise en ligne

Le projet utilise Next.js, React et TypeScript pour l'application, Supabase pour le catalogue et l'authentification, et Motion pour les animations. Vercel héberge le site ; le domaine et la messagerie sont gérés chez Hostinger.

Les métadonnées, le sitemap et les images de partage accompagnent les pages publiques. Les parcours de compte, d'authentification et d'administration sont exclus de l'indexation. Les contrôles de publication couvrent notamment la génération des pages, le lint, les URL publiques et les redirections HTTPS.

Le résultat

Une boutique en ligne sur le domaine Empreintes Ateliers, avec une vitrine centrée sur la marque et un outil d'administration pour gérer le catalogue et les demandes. Le parcours conserve WhatsApp comme point de contact pour accompagner les commandes.

Découvrir Empreintes Ateliers