Application web

Une application web est un programme qui fonctionne dans votre navigateur. Vous ouvrez une adresse, vous vous connectez et vous travaillez, sans rien télécharger ni installer. Gmail, Canva, l'espace client de votre banque et l'administration d'une boutique en ligne sont des applications web. La boutique elle-même en est une aussi, dès que les visiteurs peuvent chercher un produit, remplir un panier et payer.

Le sujet vous concerne si vous vendez en ligne, parce que presque tous vos outils sont des applications web et qu'un jour ou l'autre vous en choisirez une, vous en paierez une ou vous en ferez développer une. Comprendre ce qui se passe derrière le navigateur vous aide à comparer des plateformes, à briefer un développeur et à estimer ce que coûte vraiment un projet sur mesure, à la construction puis dans la durée.

Qu'est-ce qu'une application web ?

Une application web est un logiciel interactif livré par internet et utilisé dans un navigateur. Elle réagit à vos actions : elle enregistre des données, fait des calculs, affiche un contenu propre à chaque utilisateur et évolue dans le temps. Son code s'exécute en partie dans le navigateur, en partie sur des serveurs distants.

La frontière avec un site web n'est pas toujours nette, mais un test simple fonctionne bien. Un site web montre surtout des informations identiques pour tout le monde, comme une plaquette, un blog ou la carte d'un restaurant. Une application web vous permet d'agir et garde la trace de ce que vous faites : passer une commande, modifier une fiche produit, suivre une livraison. Une boutique en ligne est les deux à la fois. Ses pages produits sont du contenu, son panier, son checkout et ses comptes clients relèvent de l'application.

Une application web se distingue aussi d'une application mobile, qui s'installe depuis un store et tourne sur le téléphone lui-même. L'application web ne demande aucune installation et fonctionne sur n'importe quel appareil équipé d'un navigateur récent. Une progressive web app est une application web dotée de fonctions supplémentaires qui permettent de l'installer sur l'écran d'accueil et de l'utiliser en partie hors ligne.

Beaucoup d'applications web sont vendues en SaaS, le logiciel en tant que service : vous payez un abonnement, et le fournisseur héberge, fait tourner et met à jour l'application pour tous ses clients.

Vocabulaire voisin : front-end (la partie dans le navigateur), back-end (la partie sur le serveur), base de données, hébergement, API et single-page application (une application web qui met l'écran à jour sans recharger toute la page).

Pourquoi c'est important

Pour un vendeur, choisir entre utiliser une application web existante et développer la sienne est l'une des plus grosses décisions financières des premières années.

Prenons un exemple chiffré. Une marque de sacs faits main traite 400 commandes par mois avec un panier moyen de 85 euros, soit environ 34 000 euros de chiffre d'affaires mensuel. Une agence propose à la fondatrice une boutique sur mesure avec un configurateur de produit pour 25 000 euros. S'y ajoutent l'hébergement, autour de 100 euros par mois, les mises à jour de sécurité et les petites corrections, environ 500 euros par mois dans un contrat de maintenance, et les nouvelles fonctionnalités facturées à part. Sur trois ans, l'application web sur mesure coûte à peu près 25 000 euros plus 21 600 euros, soit environ 46 600 euros avant la moindre évolution.

L'alternative, c'est une plateforme e-commerce hébergée à 39 euros par mois, environ 1 400 euros sur trois ans. Le développement sur mesure ne se justifie que si le configurateur rapporte assez de ventes supplémentaires pour couvrir un écart d'environ 45 000 euros. Cela représente 530 sacs de plus à 85 euros, soit une quinzaine par mois, et il s'agit de chiffre d'affaires, pas de marge. Certaines marques franchissent ce seuil. Beaucoup non.

Le même raisonnement vaut quand vous évaluez un outil. Une application web que vous louez ne vaut que ce que valent l'hébergement, la sécurité et les mises à jour du fournisseur. Savoir ce qui doit être pris en charge derrière l'écran vous permet de poser les bonnes questions.

Comment ça marche

Quand un client clique sur « Ajouter au panier » dans votre boutique, une chaîne d'événements se déroule en moins d'une seconde :

• Le navigateur envoie une requête. Le front-end, écrit en HTML, CSS et JavaScript, transmet l'action au serveur en HTTPS.
• Le serveur applique les règles. Le back-end vérifie que le produit existe, que la variante est en stock et que le prix est correct. Il applique un éventuel code promo.
• La base de données enregistre le changement. Le panier, la commande ou la fiche client sont sauvegardés, pour survivre à un rechargement de page ou à un changement d'appareil.
• Le serveur répond. Il renvoie le panier à jour, ou une erreur du type « plus que 2 en stock ».
• Le navigateur met l'écran à jour. L'icône du panier change et le client continue ses achats.

Autour de ce cœur, une application web en production a besoin de plusieurs éléments que le visiteur ne voit jamais :

• Un hébergement disponible jour et nuit, capable d'absorber les pics de trafic les jours de lancement.
• De la sécurité, avec du chiffrement, une protection contre les attaques courantes recensées par l'OWASP et des mises à jour régulières de chaque composant.
• Des sauvegardes, pour qu'une erreur ou une panne n'efface pas vos commandes.
• Une surveillance, pour que quelqu'un soit alerté quand quelque chose tombe en panne.
• Des intégrations avec les prestataires de paiement, les services d'email et les transporteurs, souvent via des API.

Chaque point de cette liste est pris en charge soit par un fournisseur, soit par vous et votre développeur.

Repères et exemples

Quelques ordres de grandeur réalistes :

• Budget d'une application sur mesure. Une petite application développée par un freelance démarre souvent entre 6 000 et 15 000 euros. Un développement en agence avec comptes, paiements et interface d'administration se situe couramment entre 25 000 et 100 000 euros, voire plus.
• Coûts de fonctionnement. Comptez environ 15 % à 25 % du coût de développement par an pour l'hébergement, la maintenance, les mises à jour et les petites évolutions.
• Rapidité attendue. Les visiteurs attendent qu'une page réponde en deux secondes environ sur téléphone. Une boutique plus lente perd des acheteurs à chaque étape du tunnel.

Situations typiques :

• Une créatrice qui lance une formation. Une plateforme hébergée avec checkout et livraison automatique couvre tout. Une application sur mesure représenterait des mois de travail pour le même résultat.
• Une petite marque aux produits classiques. Une boutique hébergée couvre le catalogue, le panier, le checkout et les emails.
• Une entreprise avec un processus unique, comme un configurateur avancé ou un parcours de devis B2B, peut justifier une application web sur mesure, idéalement branchée sur un back-end e-commerce existant.

Erreurs fréquentes

• Ne budgéter que le développement. L'hébergement, les mises à jour de sécurité et les corrections continuent tant que l'application existe.
• Recoder ce qui existe déjà. Panier, checkout, codes promo et emails de commande sont des problèmes résolus. Du code sur mesure à cet endroit ajoute des coûts et des risques.
• Oublier la propriété du code et des données. Vérifiez que votre contrat vous remet le code source et vous garantit l'export de vos données clients et commandes.
• Passer sous silence les exigences de sécurité. Un cahier des charges qui ne mentionne ni HTTPS, ni mises à jour, ni protection contre les attaques courantes ne les obtiendra pas d'office.
• Concevoir d'abord pour l'ordinateur. La plupart des acheteurs arrivent depuis un téléphone. Une application à l'étroit sur mobile perd des ventes.

Bonnes pratiques

• Partez du problème, pas de la technologie. Notez ce que vos clients et votre équipe doivent pouvoir faire. Vérifiez ensuite si un outil existant le fait déjà.
• Comparez les coûts sur trois ans. Développement, hébergement et maintenance d'un côté, abonnement d'un outil hébergé de l'autre.
• Gardez une seule source de vérité. Produits, stock, clients et commandes doivent vivre à un seul endroit, partagé par tous vos canaux, et non recopiés d'un outil à l'autre.
• Mettez la sécurité et la propriété par écrit. Exigez HTTPS, mises à jour régulières, sauvegardes, propriété du code et export des données dans tout contrat de développement.
• Testez sur de vrais téléphones. Parcourez les étapes clés, de la page produit au paiement, sur un Android d'entrée de gamme en 4G.
• Désignez qui maintient l'application. Nommez la personne ou la société responsable des mises à jour et des incidents avant le lancement, pas après la première panne.

Dans Roctify

Roctify est lui-même une application web vendue en SaaS. Votre administration, votre vitrine, votre page lien en bio et votre checkout fonctionnent dans le navigateur, sans rien à installer. Roctify héberge la boutique, la maintient à jour et sert chaque page en HTTPS avec un certificat SSL gratuit. Produits, variantes, stocks, clients et commandes se trouvent dans un catalogue unique partagé par tous vos canaux.

L'hébergement, la sécurité, les sauvegardes et les mises à jour décrits plus haut sont donc pris en charge pour vous, sur chaque plan, du Free au Pro. Si votre activité a besoin de quelque chose que les fonctionnalités intégrées ne couvrent pas, les intégrations sur mesure se discutent dans le cadre du plan Enterprise. Vous pouvez ainsi compléter l'existant plutôt que tout reconstruire.

FAQ

Quelle différence entre un site web et une application web ?

Un site web affiche surtout les mêmes informations à tout le monde. Une application web permet aux utilisateurs d'agir, par exemple commander, se connecter ou modifier des données, et elle garde la trace de ces actions. La plupart des boutiques en ligne combinent les deux : des pages de contenu et une application pour le panier, le checkout et les comptes.

Les applications web fonctionnent-elles sur téléphone ?

Oui. Une application web tourne dans le navigateur du téléphone, sans installation. Une bonne application adapte sa mise en page aux petits écrans et se charge vite en données mobiles. Certaines peuvent aussi être ajoutées à l'écran d'accueil sous forme de progressive web app.

Faut-il développer une application web sur mesure pour ma boutique ?

Seulement si vous avez un besoin que les plateformes existantes ne couvrent pas, et assez de chiffre d'affaires pour financer le développement puis la maintenance. Pour la plupart des créateurs et des petites marques, une plateforme hébergée couvre le catalogue, le checkout et les paiements pour une fraction du coût. Le sur-mesure a plus de sens pour une fonctionnalité précise, branchée sur cette plateforme.