Création de boutique en ligne
Le dessin complet d'une boutique — de la fiche produit au tunnel de paiement — remis à votre développeur ou à votre agence pour intégration : je conçois la boutique, je ne la développe pas, et c'est écrit noir sur blanc dès le devis.
dès 2 200 €Demander un devis
Conception et maquettes uniquement. L'intégration sur Shopify, WooCommerce ou en développement propre est réalisée par votre prestataire.
Fiche produit et tunnel · maquettes d'écrans
Sur une boutique en ligne, le graphisme ne décide de presque rien. Ce qui décide, c'est l'ordre des informations sur une fiche produit, le nombre d'étapes avant de payer, et la clarté des frais de livraison. Un tunnel mal pensé perd des paniers déjà remplis.
Mon rôle s'arrête à la conception, et je le dis d'emblée : je dessine tous les écrans de la boutique, jusqu'au détail des états d'erreur, et je remets ce travail à la personne qui l'intégrera. Prétendre développer une boutique complète et sécurisée serait vous vendre quelque chose que je ne fais pas.
Ce partage est un avantage quand il est assumé. Vous confiez le développement à une agence spécialisée ou à votre développeur, qui reçoit un dossier complet au lieu d'une intention, et qui chiffre alors sans marge d'incertitude.
Si votre projet est une vitrine sans vente en ligne, le site vitrine répond mieux, pour la moitié du budget.
Comment ça se passe
cinq à sept semaines pour la conception, hors intégration
Cadrage
Le catalogue, les variantes, les modes de livraison, et qui intégrera derrière.
Parcours
Le chemin d'achat écran par écran, réduit au minimum d'étapes possible.
Maquettes
Tous les écrans dessinés, y compris les états d'erreur et de rupture.
Passation
Le dossier documenté remis au développeur, et une réunion de reprise avec lui.
- Une note de cadrage, une page
- Le parcours page à page, annoté
- Les maquettes complètes, à intégrer
- Les sources et la prise en main
Ce que vous recevez à chaque étape35 jours ouvrés en tout
Les écrans que je dessine
La page d'accueil et les pages de catégorie, avec leurs filtres. La fiche produit dans toutes ses variantes : produit simple, produit à tailles ou coloris, produit indisponible. Le panier, le tunnel de commande étape par étape, la confirmation.
S'ajoutent les écrans qu'on oublie toujours et qui font la différence : la recherche sans résultat, l'erreur de paiement, le suivi de commande, l'e-mail de confirmation. Ce sont ceux-là qui coûtent des clients quand personne ne les a pensés.
Du catalogue à la confirmation, états compris
Un tunnel de commande se juge au nombre d'écrans qu'on peut en retirer.
Refaire le design d'une boutique existante
Une boutique qui vend déjà a un catalogue, des commandes en cours et des clients qui ont leurs habitudes. La refonte d'un site e-commerce, côté design, reprend ses écrans un par un sans toucher à ce qui tourne, en commençant par ceux où l'on perd des ventes : la fiche produit qui fait hésiter, le panier qu'on abandonne.
Je redessine ces écrans et je remets le dossier à votre développeur, qui les applique sur la boutique en place. La migration vers une autre plateforme et la reprise du catalogue restent hors de ce travail. Le prix se fixe sur devis, selon le nombre d'écrans à reprendre.
Ce qui fait vendre, écran par écran
trois points relevés sur presque tous les projets
Cachés jusqu'à la dernière étape, ils font abandonner un panier sur deux. Annoncés dès la fiche produit, même approximativement, ils font perdre moins de commandes qu'ils n'en sauvent.
Imposer la création d'un compte avant de payer écarte les acheteurs pressés. La commande sans compte, avec proposition d'inscription après paiement, se conçoit dès la maquette.
Elles portent la vente plus que tout le reste. La maquette prévoit leur format, leur nombre et leur cadrage. C'est un cahier des charges pour votre photographe, et non un détail d'habillage.
Un dossier chiffrable, pas une intention
Ce que reçoit votre développeur
Un fichier de maquettes organisé, où chaque écran existe en version téléphone et en version large. Les composants sont nommés et réutilisables, les espacements et les tailles sont documentés, les couleurs sont déclarées en variables.
S'y ajoute une note de comportement : ce qui se passe au survol, en chargement, en erreur. Un développeur peut chiffrer et intégrer à partir de ce dossier sans revenir vers moi toutes les deux heures. Si des questions restent, j'y réponds pendant l'intégration.
Le périmètre
ce qui est compris, et ce qui ne l’est pas
Facturé à part, si besoin
- Le développement et l'intégration de la boutique
- Le paramétrage des paiements, des taxes et des transporteurs
- La reprise et la saisie de votre catalogue
- Les photographies de produits
- L'hébergement, la maintenance et la sécurité
Compris dans le prix
- Le cadrage : catalogue, variantes, modes de livraison et de paiement
- L'arborescence du catalogue et le parcours d'achat
- Tous les écrans dessinés, en version téléphone et large
- Les états secondaires : rupture, erreur, recherche vide, suivi
- Un dossier de maquettes documenté, exploitable par votre développeur
- Ma disponibilité pendant l'intégration, pour les questions de détail
- La refonte visuelle d'une boutique existante, écran par écran, sur devis
Le devis, avant de commencer
- La taille du catalogue et l'existence de variantes
- La plateforme visée, si elle est déjà arrêtée
- Le nom du prestataire qui intégrera, si vous l'avez
- Les modes de livraison et de paiement à couvrir
Questions sur ce service5 réponses
- Q.01
Pourquoi ne développez-vous pas la boutique ?
Parce qu'une boutique met en jeu des paiements, des données clients et une obligation de sécurité qui demandent une spécialité à plein temps. Je préfère être excellent sur la conception et vous adresser à quelqu'un dont c'est le métier, plutôt que moyen sur les deux.
- Q.02
Connaissez-vous des développeurs à qui confier l'intégration ?
Oui, plusieurs, à Angers et à distance, selon la plateforme visée. Une boutique impose aussi ses mentions légales obligatoires, que votre développeur devra intégrer. Je vous mets en relation et je participe au chiffrage pour que le dossier soit compris. Vous restez libre de votre choix, puisque le dossier est fait pour être lisible par n'importe qui.
- Q.03
Pouvez-vous refaire le design de ma boutique Shopify ?
Oui, pour le design. La refonte d'un site Shopify commence par les écrans qui posent problème, et peut aller jusqu'à toute la boutique ; votre développeur applique ensuite les maquettes. Le paramétrage, les applications et la reprise du catalogue restent de son côté. Cette refonte visuelle se chiffre sur devis, selon le nombre d'écrans.
- Q.04
Et si j'ai déjà une agence ?
C'est le cas le plus simple. Elle reçoit un dossier complet et chiffrable, ce qui lui évite de facturer l'incertitude. Je reste joignable pendant toute l'intégration pour trancher les questions de détail.
- Q.05
Le dessin d'une boutique coûte-t-il plus cher qu'un vitrine ?
Oui, parce qu'une boutique compte trois à quatre fois plus d'écrans, et que la moitié d'entre eux sont des cas particuliers invisibles au premier regard : rupture de stock, paiement refusé, code promotionnel invalide.
Ce qu’on en dit
avis publiés sur la fiche Google
✳︎✳︎✳︎✳︎✳︎
Il a su organiser et structurer toutes mes idées, tout en proposant un univers visuel qui correspond vraiment à mes goûts, et ce n’était pas forcément évident.
✳︎✳︎✳︎✳︎✳︎
Gaëtan est quelqu’un d’efficace, à l’écoute et qui prend vraiment le temps de comprendre les besoins de ses clients.
✳︎✳︎✳︎✳︎✳︎
J’ai eu l’occasion de travailler avec Gaëtan Gerard au cours d’un projet d’identité visuelle en 2023. Je ne peux que vous le conseiller !
✳︎✳︎✳︎✳︎✳︎
The service provided was above my expectations, we had excellent exchanges, and the end result was really good!!
Les autres services
souvent combinés avec celui-ci
Venir au bureau
Angers · 49100
138 rue de la Chalouère
49100 Angers · au-dessus de la microbrasserie Penrose ↗
10Vaillante · 100 m0510Route de Briollay · 200 mBAllonneau-Dunant · 540 mItinéraire ↗
La carte est servie par Google : la charger lui transmet votre adresse IP.
Le premier échange dure vingt minutes et n’engage à rien.