Cas client · Boutique en ligne

Atelier Clés Services, la boutique en ligne d'une cordonnerie de Briançon

Une cordonnerie devenue boutique polyvalente, sans rien en ligne pour le montrer. Nous avons photographié l'intégralité de ses produits sur place, puis construit sa boutique WooCommerce, du nom de domaine au paiement en ligne.

Cordonnerie polyvalente Briançon Shooting produits en boutique WordPress et WooCommerce

Le point de départ

  • Une cordonnerie qui n'était plus seulement une cordonnerie - clés, gravures, tampons, piles, télécommandes, textiles - et rien en ligne pour le faire savoir.
  • Aucune photographie exploitable des produits : impossible de vendre à distance ce que personne ne peut voir.
  • Pas de socle technique : ni nom de domaine, ni serveur, ni maquette, ni boutique.
  • Un commerçant seul derrière son comptoir, qui devrait pouvoir ajouter un produit ou corriger un stock sans rappeler son agence.

Ce que nous avons livré

  • Un déplacement à Briançon et un stand photo éclairé monté dans la boutique, pour photographier et retoucher tous les produits présents en rayon.
  • L'achat du nom de domaine et la configuration DNS, puis l'achat, l'installation et le paramétrage du serveur.
  • Des maquettes Photoshop de la page d'accueil en version bureau et mobile, puis des pages internes, avant la moindre ligne de code.
  • Une création de boutique en ligne sur WordPress et WooCommerce, avec produits à variables, catégories, comptes clients et paiement Stripe.
Périmètre

Ce que couvrait la mission

Du shooting produit en boutique jusqu'au paiement en ligne.

01 Shooting et retouche de tous les produits
02 Nom de domaine et configuration DNS
03 Achat, installation et paramétrage du serveur
04 Maquettes Photoshop bureau et mobile
05 Boutique WooCommerce et paiement Stripe
06 Site sécurisé en HTTPS et mise en préproduction
Le projet

Vendre en ligne ce qui se vendait au comptoir

Atelier Clés Services, ACS pour ses clients, est une cordonnerie installée à Briançon. Avec le temps, elle a débordé de son métier d'origine : reproduction de clés, gravures, tampons, piles, télécommandes, et jusqu'au textile. Une boutique polyvalente, donc, mais dont la polyvalence ne se voyait que sur place.

Thierry Brunet, son fondateur, voulait un site pour présenter ces services et vendre ses produits en ligne. La difficulté n'était pas le commerce en ligne en lui-même : c'était que rien n'existait en amont. Pas de photographies, pas de nom de domaine, pas de serveur. Une boutique en ligne se construit dans cet ordre, et sauter une marche se paie plus tard.

Nous avons donc commencé par le plus concret et le plus long : monter un studio dans un magasin de montagne et photographier tout ce qui s'y vendait.

Chapitre 1

Un studio photo monté entre les rayons

Pour vendre en ligne, Atelier Clés Services avait besoin de photographies professionnelles de ses produits. Nous nous sommes déplacés à Briançon, dans la boutique, et y avons installé un stand photo avec ses lumières - directement sur place, parce qu'un stock de cordonnerie ne se déménage pas.

Chaque produit présent en boutique a ensuite été photographié puis retouché, avant d'être répertorié sur la boutique en ligne. C'est la partie de la mission que l'on sous-estime toujours : elle ne produit aucune page, aucune fonctionnalité, rien de démontrable en réunion, et pourtant c'est elle qui décide si un article se vend ou reste une ligne de catalogue.

Vos produits méritent mieux qu'une photo prise au téléphone ?

Découvrir notre photographie de produits professionnelle
Six couteaux artisanaux photographiés sur fond clair pour la boutique en ligne d'Atelier Clés Services
Une des bannières produites à partir du shooting monté dans la boutique de Briançon.
Chapitre 2

Poser les fondations avant de poser la boutique

La création du site e-commerce d'ACS a demandé un travail en amont. Nous avons acheté le nom de domaine et configuré ses DNS, puis acheté, installé et paramétré le serveur qui allait porter la boutique.

Est venue ensuite la phase d'interface : une maquette de la page d'accueil réalisée sous Photoshop, en version bureau et en version mobile, puis des maquettes pour les pages internes. Valider un écran sur une image coûte quelques allers-retours ; le valider une fois développé en coûte beaucoup plus. Le site a d'ailleurs été déployé sur une version de préproduction avant sa mise en ligne, pour la même raison.

Le développement front-end a suivi : feuilles de styles construites en accord avec la charte graphique définie en amont, stylage des éléments et des modules, puis mise en mouvement de l'ensemble - survols, transitions et animations CSS. Le site a été développé en full-responsive, du grand écran au téléphone.

Chapitre 3

Une boutique que le commerçant gère lui-même

Le site a été développé sur une infrastructure WordPress et WooCommerce, choisie pour sa simplicité de gestion. C'est le point qui comptait le plus pour un commerçant seul en boutique : ajouter un nouveau produit ou corriger un stock se fait depuis l'interface d'administration, sans intermédiaire.

La partie marchande a été montée avec des produits à variables et des catégories, la création de compte client et l'intégration du paiement par Stripe. Autour, les modules nécessaires au fonctionnement du site : LiteSpeed Cache pour les performances côté serveur et côté client, MailChimp pour la newsletter, un chat pour répondre aux visiteurs et les orienter, Contact Form 7 pour les formulaires, Yoast SEO pour le sitemap et le robots.txt, et Slider Revolution pour les animations de mise en avant. L'ensemble du site est entièrement sécurisé en HTTPS, et un système de blog a été prévu dès le départ.

Le site a été livré en 2020. Nous n'assurons plus sa maintenance depuis : le domaine acs-briancon.fr peut donc présenter des défauts d'affichage, voire ne plus fonctionner comme il le faisait le jour de la livraison. C'est la raison pour laquelle cette page ne renvoie pas vers lui.

Parcours d'achat sur la boutique WooCommerce livrée en 2020.
Page d'accueil de la boutique en ligne Atelier Clés Services, avec son menu, son bouton d'accès à la boutique et ses rayons de services
La page d'accueil de la boutique, telle qu'elle a été livrée.
Enseigne Atelier Clés Services : clés, gravures, tampons, piles, télécommandes, sur fond de la boutique de Briançon
L'enseigne de la boutique, reprise en tête du site.

Une boutique physique dont rien ne se vend en ligne ?

Parler de votre projet
Ville
Briançon
Activité
Cordonnerie et clé minute
Services
Clés, gravures, tampons, piles, télécommandes, textiles
Mission WeComm
Photographie produits et boutique en ligne
Le client

Atelier Clés Services, cordonnerie et clé minute à Briançon

Atelier Clés Services est une cordonnerie située à Briançon, qui s'est développée pour proposer de nouveaux services : reproduction de clés, gravures, tampons, piles, télécommandes et même textiles. Une boutique polyvalente, fondée par Thierry Brunet, qui souhaitait présenter ses services et vendre ses produits en ligne.

Votre boutique existe-t-elle ailleurs que sur son trottoir ?

Nous montons des boutiques en ligne pour des commerces de proximité : photographie des produits, socle technique, gestion autonome des stocks. Si vous cherchez d'abord un site web pour artisan, nous commençons par là.