Applications

Application mobile e-commerce : fonctionnalités indispensables et erreurs à éviter

Une application e-commerce repose sur 6 fonctionnalités de base : catalogue avec recherche, fiche produit, panier, paiement, compte client et suivi de commande. Selon l'étendue, elle démarre à 5 000 € HT pour une application simple, monte à 8 000 à 15 000 € HT dès qu'elle se branche sur votre stock et votre fidélité, et dépasse 15 000 € HT s'il s'agit d'une plateforme multi-vendeurs. Ce guide trie l'indispensable du superflu, détaille les erreurs qui coûtent cher et vous donne les questions à poser avant de lancer le projet.

Applications · Lecture : 17 min · Agence DYNSEO

Application ou site mobile : quand une boutique en ligne a vraiment besoin d'une application

Avant de choisir des fonctionnalités, posez-vous la question qui évite les projets inutiles : vos clients ont-ils une raison de garder votre boutique sur l'écran d'accueil de leur téléphone ? Une application se télécharge, s'installe, prend de la place. Cet effort n'a de sens que si elle rend un service que le site ne rend pas aussi bien.

Elle se justifie typiquement dans trois situations : des achats répétés (consommables, produits du quotidien, abonnement de réassort), une relation de fidélité qui passe par le téléphone (carte de points, offres personnelles), ou un usage « en mouvement » (scanner un code-barres en magasin, retirer une commande au comptoir, suivre une livraison). À l'inverse, un client qui achète un canapé une fois tous les dix ans ne téléchargera pas d'application : un site rapide et lisible sur mobile le servira mieux.

Le plus souvent, la boutique en ligne existe déjà et l'application vient en complément. Si vous partez de zéro, commencez par la boutique : elle fournit le catalogue, les paiements et les commandes dont l'application aura besoin. Notre page sur la création d'applications mobiles décrit les types de projets que nous réalisons, de l'application simple à la plateforme.

Les fonctionnalités indispensables d'une application e-commerce, du catalogue au suivi de commande

Ce socle correspond au chemin que suit n'importe quel acheteur : trouver, choisir, payer, suivre. Si une de ces étapes est pénible, aucune fonction annexe ne rattrapera la vente perdue.

La recherche et la fiche produit

Sur un écran de téléphone, le client ne parcourt pas vingt pages de catalogue : il tape un mot. La recherche doit donc répondre vite, proposer des suggestions pendant la frappe et gérer le singulier, le pluriel et les fautes courantes. Les filtres, eux, ne doivent montrer que ce qui a du sens pour vos produits : une boutique de chaussures a besoin de la pointure, une épicerie fine de l'origine ou du régime alimentaire.

La fiche produit répond aux questions que le client se poserait devant le rayon : est-ce disponible, en quelle taille, livré quand, et quelles sont les conditions de retour. Mettez ces informations au-dessus de la ligne de flottaison, avant la description longue. Un bouton d'ajout au panier toujours visible, même quand on fait défiler la page, évite des allers-retours inutiles.

Le panier, le paiement et le compte client

• Panier persistant : il se retrouve à la prochaine ouverture de l'application, et idéalement aussi sur le site si le client est connecté.
• Achat sans compte : proposez un achat en invité ; la création de compte peut venir après la commande, en une case à cocher.
• Moyens de paiement : carte bancaire, et les portefeuilles mobiles proposés par les systèmes iOS et Android si votre prestataire de paiement les prend en charge. Chaque moyen supplémentaire est un frein de moins à l'achat.
• Frais et délais : le total, frais de livraison compris, doit s'afficher avant la saisie de la carte, sans surprise.
• Compte client : adresses enregistrées, historique des commandes, factures téléchargeables, retours demandés depuis l'application.
• Suivi de commande : statut lisible (préparée, expédiée, livrée) et lien vers le suivi du transporteur.

Les fonctionnalités qui donnent envie de revenir sur l'application de votre boutique

Une fois le socle en place, c'est ce deuxième étage qui justifie de demander à un client d'installer quelque chose. Toutes ne conviennent pas à tous les commerces ; choisissez en fonction de votre rythme de vente et de la manière dont vos clients vous utilisent.

1. 1

   Notifications push avec consentement

   Annonce d'un réassort, suivi d'expédition, rappel de panier. Elles demandent l'accord explicite du client, et un envoi trop fréquent pousse à désinstaller. Mieux vaut trois notifications utiles qu'une par jour.

2. 2

   Favoris et listes d'envies

   Le client met de côté, revient plus tard, partage sa liste. Utile pour les cadeaux et les achats réfléchis, à condition que le stock affiché reste à jour.

3. 3

   Carte de fidélité et offres personnelles

   Points cumulés, avantages à débloquer, code promo propre au client. Elle vaut surtout si vous avez des points de vente physiques ou des achats réguliers.

4. 4

   Scan de code-barres ou de QR code

   En magasin, le client scanne un produit pour voir la fiche, les avis ou la disponibilité dans une autre taille. Cette fonction relie le rayon et la boutique en ligne.

5. 5

   Retrait en magasin et suivi de préparation

   Commande en ligne, retrait au comptoir, notification quand elle est prête. Elle suppose que vos équipes mettent à jour le statut dans votre outil de gestion.

6. 6

   Avis et questions sur les produits

   Les retours d'autres acheteurs rassurent, mais ils demandent de la modération et le respect des règles sur les avis en ligne. Prévoyez qui les valide.

Ne cherchez pas à tout intégrer dès la première version. Chaque fonction ajoute des écrans à concevoir, à tester et à maintenir. Une application qui fait cinq choses très bien, publiée vite, vous apprend davantage sur vos clients qu'une application complète terminée un an plus tard.

Synchroniser l'application e-commerce avec votre boutique : stock, prix et commandes

C'est le point technique qui décide de la réussite du projet, et celui dont les devis parlent le moins. Votre application n'est pas une boutique à part : elle affiche et envoie des informations qui vivent déjà dans votre boutique en ligne ou dans votre outil de gestion. Si le même produit est saisi à deux endroits, les écarts de prix et les ruptures de stock mal affichées arrivent vite.

Le principe sain consiste à désigner une source unique : votre boutique (WooCommerce, Shopify, ou autre) ou votre logiciel de gestion. L'application interroge cette source par une interface de programmation, c'est-à-dire un canal d'échange sécurisé entre deux logiciels, et lui transmet les commandes. Vos équipes continuent de travailler comme avant ; ce qu'elles modifient apparaît dans l'application. Si votre boutique tourne sous WooCommerce, nos modèles de boutiques WooCommerce montrent ce que nous mettons déjà en place côté site ; pour une boutique Shopify, voyez notre page sur les sites Shopify personnalisés.

Les cas qui compliquent la synchronisation

• Un même produit vendu en magasin et en ligne, avec un stock partagé : il faut décider qui réserve l'unité lors d'une commande.
• Des prix différents selon le client (professionnels, adhérents) : l'application doit identifier le client avant d'afficher un tarif.
• Des variantes très nombreuses (taille, couleur, matière) : le catalogue doit se charger par morceaux, sinon l'application ralentit.
• Des produits numériques ou des abonnements : ils suivent des règles particulières de paiement dans les stores, détaillées plus bas.

Paiement, données personnelles et règles des stores : les points de vigilance d'une application e-commerce

Une application de vente publiée sur l'App Store ou Google Play est soumise à trois ensembles de règles : celles des stores eux-mêmes, celles du commerce en ligne et celles de la protection des données. Elles évoluent ; ce qui suit donne les repères généraux, à faire valider par un juriste pour votre cas précis.

Un point mérite d'être traité en amont : la suppression de compte. Les stores peuvent exiger qu'un utilisateur puisse supprimer son compte depuis l'application elle-même, et le règlement européen sur les données personnelles donne de toute façon des droits d'accès et d'effacement. Prévoir cette fonction dès la conception coûte bien moins cher que de l'ajouter pour répondre à un refus de publication.

Scénario illustratif : une boutique de cosmétiques qui lance son application

Ce scénario est inventé pour illustrer la démarche ; il ne décrit pas un client réel. Imaginons une marque de cosmétiques artisanaux qui vend sur sa boutique en ligne et dans deux boutiques physiques. Ses clientes réachètent leurs soins tous les deux ou trois mois, et la marque les relance aujourd'hui par e-mail.

Le premier réflexe de la dirigeante est de demander « tout » : fidélité, scan, avis, réalité augmentée pour essayer les teintes. L'atelier de cadrage l'amène à autre chose. Ce qui compte pour ses clientes : racheter leur dernier soin en deux gestes, être prévenues d'un réassort, présenter leur carte de fidélité en caisse. La première version contient donc le catalogue synchronisé avec la boutique, l'historique de commandes avec un bouton « racheter », la carte de fidélité et des notifications limitées au réassort et à l'expédition.

Le scan en magasin et les avis sont repoussés à la deuxième version, une fois mesuré ce que les clientes utilisent réellement. La réalité augmentée est écartée : elle ne répond à aucune demande observée. Résultat attendu de cette méthode : une application plus simple à tester, plus vite publiée, et dont chaque ajout ultérieur s'appuie sur un usage constaté plutôt que sur une hypothèse.

Les erreurs qui coûtent cher dans un projet d'application e-commerce

Ces écueils reviennent d'un projet à l'autre. Les connaître à l'avance permet de les écarter au moment du cahier des charges, quand cela ne coûte encore qu'une conversation.

1. 1

   Reproduire le site à l'identique sur mobile

   Une application n'est pas un site en plus petit. Un menu de quarante entrées ou une page produit pensée pour la souris donne une application pénible. Repartez des gestes du pouce et des trois ou quatre tâches fréquentes.

2. 2

   Imposer la création de compte avant l'achat

   Chaque champ demandé avant le paiement fait perdre des acheteurs. Proposez l'achat invité et la création de compte après la commande.

3. 3

   Vouloir tout livrer dans la version 1

   Plus la première version est large, plus elle est longue à tester et plus elle retarde les retours réels. Fixez un périmètre minimal et une liste d'évolutions classées.

4. 4

   Gérer l'application avec un catalogue séparé

   Deux saisies, deux séries d'erreurs. Si votre boutique existe, branchez l'application dessus au lieu de recréer les fiches.

5. 5

   Sous-estimer les notifications

   Un envoi massif et répétitif lasse. Segmentez (clientes ayant acheté tel produit, panier abandonné) et laissez chacun régler ce qu'il reçoit.

6. 6

   Ne tester que sur un seul téléphone

   Les tailles d'écran, les versions d'iOS et d'Android, les réseaux faibles changent le comportement d'une application. Testez sur plusieurs appareils réels, y compris un modèle ancien.

7. 7

   Oublier le budget après la mise en ligne

   Les systèmes évoluent chaque année, les stores modifient leurs exigences, les bibliothèques techniques vieillissent. Sans suivi, une application se dégrade. Intégrez la maintenance dans le projet dès le départ.

Budget d'une application e-commerce : ce qui fait passer de l'application simple à la plateforme

Le budget d'une application e-commerce se joue sur trois niveaux : l'application simple, l'application métier connectée à vos outils, et la plateforme. Le tableau ci-dessous donne les montants. Ce n'est pas le nombre d'écrans qui fait la différence, mais les connexions et les règles métier qui se cachent derrière.

Quatre éléments font monter ou descendre le budget à périmètre égal. D'abord la quantité de connexions : brancher un seul outil est une chose, en relier trois (boutique, caisse, transporteur) en est une autre. Ensuite les règles de prix spécifiques, car chaque exception à gérer s'écrit et se teste. Troisièmement, l'identité visuelle : une application qui reprend votre charte existante demande moins de conception qu'une refonte de marque. Enfin les contenus (photos, textes) : s'ils sont prêts, le projet avance ; s'ils manquent, il attend. Pour une première estimation, notre simulateur de coût d'application mobile vous donne une fourchette en quelques minutes.

Nous développons en Flutter, une technologie qui permet de produire les versions iOS et Android à partir d'un code commun. Ce choix limite le travail à doubler sur les deux systèmes et simplifie les évolutions, tout en gardant la fluidité attendue d'une application. Les cas très particuliers (accès poussé aux capteurs de l'appareil, par exemple) se discutent au cas par cas.

Lancer son application e-commerce : le déroulé, de la maquette à la publication sur les stores

1. 1

   Cadrage : parcours et périmètre

   Nous listons les tâches qu'un client doit accomplir, les outils à connecter et ce qui part en version 2. Vous préparez : un accès à votre boutique ou à l'outil de gestion, vos règles de livraison et de retour, un export de catalogue pour tester.

2. 2

   Maquettes cliquables

   Vous voyez les écrans et leur enchaînement avant tout développement. Les maquettes sont ajustées avec des allers-retours illimités jusqu'à votre validation, ce qui évite les mauvaises surprises en fin de projet.

3. 3

   Développement et connexion à la boutique

   Construction des écrans, branchement du catalogue, du compte client et du paiement chez votre prestataire. L'avancement peut se suivre sur des versions de test installées sur vos téléphones.

4. 4

   Tests sur appareils réels

   Parcours complets de l'achat au suivi, avec de vraies commandes de test, plusieurs tailles d'écran, des réseaux lents. Vos équipes testent aussi : ce sont elles qui connaissent les cas tordus.

5. 5

   Comptes développeur et préparation des stores

   Nous recommandons de publier sous un compte développeur à votre nom. Il faut préparer descriptif, captures d'écran, politique de confidentialité et compte de démonstration pour les équipes de validation.

6. 6

   Publication et prise en main

   Soumission aux stores, puis mise en ligne après validation. Les tests et la formation sont offerts, ce qui permet de gérer commandes et notifications sans dépendre de nous.

Après la publication : mesurer et faire évoluer votre application e-commerce

La mise en ligne ouvre une période d'apprentissage. Installez dès le départ des indicateurs simples et lisibles : nombre d'installations, clients qui reviennent, étapes du parcours où l'on abandonne, fonctions réellement utilisées. Aucun de ces chiffres ne prédit les ventes, mais ils orientent la deuxième version bien mieux que l'intuition.

Prévoyez ensuite un rythme d'entretien. Les systèmes iOS et Android sortent une nouvelle version majeure chaque année, les stores revoient leurs exigences, et les bibliothèques sur lesquelles repose l'application demandent des mises à jour. Une application laissée sans suivi peut finir par ne plus se compiler ou se retrouver écartée du store. Pour les sites, nous proposons un suivi de maintenance dont la logique s'applique de la même manière à une application : correctifs, compatibilité avec les nouvelles versions, support en cas de panne.

Traitez enfin les avis du store comme une source d'information. Répondez aux remarques, remontez les bugs signalés, et notez les demandes qui reviennent : elles forment votre liste d'évolutions, classée par utilité pour vos clients plutôt que par facilité technique.

Les questions à poser avant de confier votre application e-commerce à une agence

1. Comment l'application sera-t-elle reliée à ma boutique ? Une réponse précise cite l'outil, la méthode d'échange et la fréquence de mise à jour du stock.
2. Qui possède les comptes développeur Apple et Google ? Ils doivent être à votre nom, avec le prestataire comme collaborateur et non comme propriétaire.
3. Que contient la première version, et que reste-t-il pour la suivante ? Un périmètre écrit évite les malentendus.
4. Qui fournit les textes légaux et la politique de confidentialité ? L'agence peut les intégrer ; leur rédaction relève de vous ou de votre conseil juridique.
5. Quel est le coût de maintenance après publication ? Demandez ce qui est inclus : correctifs, compatibilité, support.
6. Pourrai-je modifier le contenu moi-même ? Bannières, offres, textes : certaines choses doivent se changer sans développeur.
7. Récupérerai-je le code source ? C'est la condition pour ne pas dépendre d'un seul prestataire.
8. Comment l'application a-t-elle été testée ? Cherchez des appareils réels, un parcours de commande complet, pas seulement un simulateur sur ordinateur.

Si vous hésitez encore entre application et site, relisez la première section de cet article avec votre propre rythme d'achat sous les yeux, ou prenez rendez-vous avec nous : un échange suffit en général pour savoir si l'application est le bon outil.