
Création d’une Progressive Web App (PWA)
Ma Terrasse Sans Tabac est un nouveau dispositif qui vise a créer un environnement non-fumeurs sur les terrasses de café. Cette action significative est soutenue par le ministère des solidarités et de la santé, financée par le Fonds de lutte contre les addictions. Ce dispositif participatif ouvre de nouvelles perspectives de consommation.
En effet, Ma Terrasse Sans Tabac s’appuie sur une charte signée par les cafetiers et restaurateurs français, qui s’engagent à offrir à leurs clients un environnement sans tabac.
La progressive Web App pour Ma terrasse Sans Tabac, est dédiée à la visibilité des établissements sans tabac, et est totalement gratuite.
L’installation de la Progressive Web App est simple et rapide. Quand vous vous rendez avec un smartphone, sur le site internet Ma Terrasse Sans Tabac, le site vous propose d’installer l’application sur la page d’accueil de votre téléphone portable.
Le dispositif est participatif :
- Côté restaurateurs, les responsables d’établissements peuvent s’inscrire en 3 étapes sur la plateforme. Leur fiche se présente comme une vitrine gratuite de leur établissement avec la possibilité de nombreuses informations. Ils reçoivent, en complément, un kit de communication comprenant la charte, un dépliant et une signalétique « ma terrasse sans tabac » en vitrophanie.
- Côté clients, les internautes peuvent non seulement se géolocaliser et repérer l’adresse la plus proche mais aussi noter et proposer une terrasse pour l’intégrer au guide.

Le Challenge
Ma terrasse Sans Tabac souhaitait mettre en avant son dispositif de regroupement de terrasse proposant des terrasses partiellement ou totalement non-fumeurs.
Le challenge de l’agence Web Studios était de :
- créer un site internet permettant de répertorier toutes les terrasses-cafés proposant un environnement sans tabac pour les clients
- une Progressive Web App (PWA)
- une map de géolocalisation des terrasses sans tabac
- un système de like et de classement des terrasses

Notre réponse
Ma Terrasse Sans Tabac a souhaité mettre en place une PWA, afin de facilité l’accès aux informations des terrasses proposant un espace avec peu ou sans tabac.
Nous avons réalisé un site internet sur WordPress, avec une carte de géolocalisation des terrasses.

Les résultats
– Amélioration de la qualité du site internet qui a permis d’acquérir de nouveaux professionnels et de nouveaux espaces sans tabac pour l’association.
– La PWA et le design du site ont permis de faciliter la découverte des nouveaux lieux pour les internautes.
– Optimisation du référencement
– Mise à jour du site simple pour les admins
Les 4 étapes clés d’un projet

Définition du projet & conception
Rédaction d’un cahier des charges
Définition des besoins
Définition d’un parcours utilisateur

Design & Ergonomie
Réflexion sur l’expérience utilisateur (UX/UI) Réalisation de Zonings & Wireframes Création d’une charte graphique

Développement & Technique
Développement de modules spécifiques Intégration graphique & intégration de contenus

Accompagnement
Formation aux nouveaux outils Acquisition & Fidélisation de clients Bilan du projet et retour sur expérience