Deux en un

À l'occasion du 550e anniversaire de la Foire commerciale d'automne de Bâle, le site web cantonal existant de la Foire commerciale d'automne de Bâle et l'application native existante "Foire commerciale d'automne de Bâle" ont été remplacés par une application web progressive (PWA) moderne et contemporaine.

Outre de nombreuses informations sur l'histoire et la tradition de la Foire commerciale d'automne de Bâle, la PWA offre aux visiteurs* de la Foire commerciale d'automne les fonctionnalités pratiques suivantes:

• Liste de tous les chemins de fer, stands et étals, filtrable selon différents critères

• Plan d'ensemble des places de la Foire commerciale d'automne de Bâle

• Fonction de recherche par mots-clés dans la liste des forains

• Fonction de navigation: les utilisateurs* peuvent naviguer facilement vers l'offre souhaitée via Google Maps.

• Abonnement aux messages push pour être informé des dernières nouvelles de la Foire commerciale d'automne.

• Calendrier des manifestations

Pourquoi une Progressive Web App?

L'objectif des PWA est de combiner les avantages des applications natives et des applications web et d'offrir aux utilisateurs* la meilleure expérience utilisateur possible, quelle que soit la plateforme. Par rapport à l'"ancienne" solution composée d'un site web et d'une application native, la PWA pour les visiteurs* de la Foire d'automne offre les avantages suivants:

• Intégration de toutes les informations et fonctions sur une seule plateforme au lieu de deux.

• Accès facile pour les utilisateurs*, car il n'est pas nécessaire de télécharger une application depuis les App Stores. La PWA peut néanmoins être ajoutée à l'écran d'accueil et être appelée comme une application native. Il est en outre possible de recevoir des messages push.

• Meilleure visibilité via les moteurs de recherche

• Compatibilité avec tous les systèmes d'exploitation

• Solution orientée vers l'avenir

La PWA a été développée en premier lieu pour les mobiles, mais elle est également optimisée pour les ordinateurs de bureau, de sorte que l'utilisateur bénéficie d'une bonne expérience quel que soit le terminal utilisé.

Qu'est-ce qui fait d'un site web un PWA ?

Pour qu'un site web puisse être qualifié de PWA, les conditions suivantes doivent être remplies:

• Un certificat SSL doit être disponible, c'est-à-dire que le site web doit être mis à disposition via une connexion HTTPS sécurisée.

• Un Service Worker doit être implémenté. Cela permet des fonctionnalités telles que les messages push ou la fonctionnalité hors ligne.

• Un manifeste web doit être disponible pour définir l'identité et l'apparence de la PWA.

Ci-dessous, un extrait de code de la PWA de la foire d'automne de Bâle:

Si tu souhaites t'informer plus en détail sur les avantages et les inconvénients des PWA, nous te recommandons notre série de blogs PWA en trois parties:

• Partie 1 : Progressive Web App - une alternative aux applications mobiles natives ?

• Partie 2 : PWAs - possibilités, limites et forces

• Partie 3 : Technologie et secrets UX des Progressive Web Apps

Négocier un trafic élevé avec un coaching intelligent et Statamic

Les chiffres relatifs au nombre de pages consultées montrent que le passage de l'app et du site web à une PWA moderne a porté ses fruits: Le trafic sur la nouvelle PWA a triplé par rapport à l'ancien site de la Foire commerciale d'automne en 2019, année du 550e anniversaire de la Foire commerciale d'automne de Bâle, et a de nouveau augmenté en 2023 pour atteindre 300'000 visites de pages.

Avec de tels chiffres de trafic, qui plus est en pics, la performance est un aspect central. D'autant plus que le site n'est pas vraiment "léger": les nombreuses attractions de la Foire commerciale d'automne entraînent notamment la présence de nombreuses images sur le site et les utilisateurs* ne veulent pas attendre une éternité la description d'un stand de nourriture ou du prochain train. Il était donc important d'optimiser en conséquence, surtout du côté du serveur:

• Statamic: Microcaching avec nginx

• Ajustement automatique des images sur le serveur

Le nombre élevé de pages visitées pendant la Foire commerciale d'automne 2023 montre que la PWA, en tant que compagnon pratique, répond aux besoins des visiteurs* de la Foire commerciale d'automne.