Beaucoup d entreprises senegalaises pensent qu il leur faut "une appli sur le Play Store". Souvent, ce dont elles ont reellement besoin est une PWA. Une Progressive Web App est un site web moderne qui se comporte comme une application : elle s installe sur l ecran d accueil, fonctionne hors-ligne, envoie des notifications, et se lance en plein ecran sans barre de navigateur. Le tout sans passer par un store, et a une fraction du cout d une application native.
Dans un contexte ou les reseaux mobiles sont instables et ou les telephones d entree de gamme dominent, la PWA n est pas un gadget : c est souvent la solution la plus pragmatique.
Qu est-ce qu une PWA, concretement
Une PWA repose sur trois briques techniques. Le manifest decrit l application (nom, icone, couleur, mode plein ecran) pour que le telephone puisse l installer. Le service worker est un petit programme qui s execute en arriere-plan et intercepte les requetes reseau : c est lui qui permet le cache et le fonctionnement hors-ligne. Enfin, le HTTPS est obligatoire pour des raisons de securite.
Pour l utilisateur, l experience est simple. Il visite votre site, une banniere propose "Ajouter a l ecran d accueil", il accepte, et une icone apparait comme pour n importe quelle app. Au prochain lancement, l application s ouvre instantanement, meme sans connexion pour les pages deja consultees.
La difference avec une application native
Une application native (Android ou iOS) est ecrite specifiquement pour chaque plateforme, distribuee via le Play Store ou l App Store, et installee comme un logiciel a part entiere. Elle accede a toutes les fonctions du telephone et offre les meilleures performances pour les usages lourds (jeux 3D, montage video).
La PWA, elle, est un site web ameliore. Elle accede a la plupart des fonctions courantes (camera, geolocalisation, notifications, stockage local) mais pas a tout. En contrepartie, elle s installe en deux secondes, ne pese que quelques centaines de kilo-octets, se met a jour automatiquement, et fonctionne sur Android comme sur iOS avec une seule base de code.
Pourquoi la PWA est pertinente en Afrique
Les reseaux instables
Sur le continent, la connexion passe sans cesse de la 4G a la 3G, voire a l EDGE, et coupe regulierement. Une application qui exige une connexion permanente devient inutilisable. Le service worker d une PWA met en cache les pages, les images et les donnees : votre catalogue, vos tarifs, votre contenu restent consultables meme dans un ascenseur ou en zone rurale. Quand le reseau revient, l application se synchronise.
Le cout des donnees mobiles
Les forfaits data restent chers rapportes au pouvoir d achat. Une PWA bien concue charge une fois puis sert depuis le cache, ce qui economise les megaoctets de l utilisateur. Une application native impose au contraire un telechargement initial de 20 a 80 Mo, souvent percu comme dissuasif.
Le stockage limite des telephones
Beaucoup d utilisateurs ont des telephones avec 16 ou 32 Go de stockage, vite satures. Ils desinstallent les apps pour faire de la place. Une PWA occupe une place negligeable et ne se desinstalle quasiment jamais pour cette raison.
Le frein du store
Installer une app via le Play Store suppose un compte Google fonctionnel, du credit data, et la patience d un telechargement. Beaucoup abandonnent en route. Avec une PWA, il suffit d un lien partage sur WhatsApp : un clic, et l utilisateur est dans l application.
Cas d usage ou la PWA brille
- Commerce et catalogue : une boutique qui veut etre consultable hors-ligne et installable sans friction.
- Outils internes : suivi de livraisons, prise de commande sur le terrain par des commerciaux, pointage.
- Medias et contenu : un magazine ou un site d actualite qui veut fideliser sans payer la dime du store.
- Services et reservation : prise de rendez-vous, suivi de dossier, espace client.
- Evenementiel : programme, billetterie, plan, le tout disponible meme dans une salle sans reseau.
Mini cas pratique : DiamLivraison
DiamLivraison, un service de livraison de repas a Dakar, voulait equiper ses coursiers d un outil de suivi des commandes. Une application native aurait coute cher et exige des installations sur chaque telephone, avec des modeles Android tres varies. Nous avons livre une PWA : les coursiers ouvrent un lien, ajoutent l app a l ecran d accueil, et recoivent les commandes. Le service worker conserve la liste des courses en cours meme quand le coursier traverse une zone sans reseau ; la mise a jour du statut se met en file d attente et part des que la connexion revient. Resultat : zero installation a gerer cote support, un deploiement de mise a jour instantane pour toute la flotte, et un outil utilisable meme dans les quartiers mal couverts.
Les limites a connaitre
La PWA n est pas magique. Sur iOS, le support reste plus restreint que sur Android : certaines API (notifications push completes, acces a certains capteurs) sont arrivees tardivement et restent partielles. Pour un usage materiel intensif (Bluetooth avance, NFC complexe, traitement video lourd), le natif garde l avantage. Enfin, une PWA n apparait pas dans les stores, ce qui peut etre un inconvenient si la decouverte via le store est importante pour vous, meme si on peut desormais publier une PWA sur le Play Store via un emballage TWA.
Le bon reflexe est de se poser la question : ai-je besoin de la visibilite du store et de fonctions materielles avancees, ou ai-je besoin d un outil leger, installable sans friction, qui marche en mauvais reseau ? Dans la majorite des projets PME, la seconde reponse l emporte.
Combien ca coute
Le grand avantage economique de la PWA est qu une seule base de code couvre tous les appareils. Les fourchettes indicatives au Senegal :
Besoin d'un site web professionnel ?
Kolonell crée des sites web qui attirent des clients, optimisés pour le marché sénégalais. Devis gratuit en 2 minutes.
- PWA vitrine ou catalogue : 600 000 a 1 500 000 FCFA.
- PWA metier avec espace connecte et synchronisation hors-ligne : 1 800 000 a 4 500 000 FCFA.
- PWA complexe (back-office, multi-roles, integrations) : 5 000 000 FCFA et plus.
A titre de comparaison, une application native equivalente, declinee sur Android et iOS, coute generalement deux a trois fois plus, sans compter les frais de compte developpeur et de maintenance des deux plateformes.
Comment se passe l implementation
Etape 1 : conception orientee hors-ligne
On definit d emblee quelles donnees doivent rester disponibles sans reseau et lesquelles peuvent attendre. Cette decision de conception conditionne toute l architecture.
Etape 2 : developpement et service worker
On construit l interface, puis on configure le service worker pour mettre en cache les bons elements et gerer la file de synchronisation des actions effectuees hors-ligne.
Etape 3 : tests en conditions reelles
On teste en bridant le reseau, en coupant la connexion, sur de vrais telephones d entree de gamme. Tester uniquement sur un iPhone recent en Wi-Fi de bureau est l erreur classique qui masque tous les problemes terrain.
Etape 4 : mise en ligne et installation
On deploie sur un domaine en HTTPS, on verifie la banniere d installation, et on prepare un message d onboarding simple pour expliquer aux utilisateurs comment ajouter l app a l ecran d accueil.
Les pieges a eviter
Le premier piege est de tout mettre en cache aveuglement, ce qui sature le telephone et sert des donnees perimees. Le deuxieme est de negliger la strategie de mise a jour : sans soin, les utilisateurs restent bloques sur une vieille version en cache. Le troisieme est de promettre du hors-ligne sans l avoir vraiment teste en coupure reseau. Le quatrieme est de copier une logique d app native sans repenser l ergonomie web. Une PWA reussie se concoit comme une PWA, pas comme un site qu on aurait saupoudre de fonctions.
FAQ
Une PWA fonctionne-t-elle sur iPhone ?
Oui, elle s installe et fonctionne sur iOS, mais avec quelques limitations par rapport a Android, notamment sur les notifications push et l acces a certains capteurs. Pour la majorite des usages courants, l experience reste tres bonne.
Peut-on transformer mon site existant en PWA ?
Souvent oui, si le site est techniquement sain. On ajoute le manifest, le service worker et la couche de cache. Si le site est ancien et mal structure, une refonte partielle est parfois plus rentable que du rafistolage.
La PWA marche-t-elle vraiment sans connexion ?
Elle fonctionne hors-ligne pour tout ce qui a ete mis en cache : pages deja visitees, catalogue, contenu prevu pour le mode hors-ligne. Les actions necessitant le serveur (paiement, envoi) se mettent en file et partent au retour du reseau.
Faut-il la publier sur le Play Store ?
Ce n est pas obligatoire : la force de la PWA est justement l installation par simple lien. Si la visibilite store compte, on peut l empaqueter pour le Play Store via la technologie TWA.
Combien de temps pour developper une PWA ?
Une PWA vitrine se livre en trois a cinq semaines. Une PWA metier avec espace connecte et synchronisation hors-ligne demande generalement deux a quatre mois selon la complexite.
Discutons de votre projet. Si vous hesitez entre une app native et une PWA, nous vous aidons a trancher selon vos vrais besoins et votre budget. Ecrivez-nous sur WhatsApp +221 77 596 93 33.
Mohamed Bah
Fondateur, Kolonell
Passionné par le digital et l'entrepreneuriat en Afrique, Mohamed accompagne les entreprises sénégalaises dans leur transformation digitale depuis 2020. Fondateur de Kolonell, il croit que chaque PME mérite une présence en ligne professionnelle et accessible.
