Haropa Port – Ports du Havre, Rouen et Paris

  • PWA
  • Expérience utilisateur
  • Carte interactive & géolocalisation
  • Expérience audio
  • Notifications push
  • WordPress

Dynamisation portuaire : la PWA Escales réinvente l’expérience de vos balades en bordure de Seine

Application Port Haropa
Contexte & objectifs

Moderniser l’accueil touristique du Havre à Paris avec une application sans friction

Trois ports, une seule solution mobile innovante pour le premier ensemble portuaire de France

Pour Haropa Port, qui regroupe les ports du Havre, de Rouen et une partie de ceux de Paris, l’enjeu était de valoriser un territoire immense sans imposer les contraintes techniques d’une application classique. En tant qu’agence web intervenant sur l’axe Seine, nous avons développé une Progressive Web App (PWA) permettant aux visiteurs de découvrir les richesses portuaires directement depuis leur navigateur. Cette approche de service public numérique offre une expérience fluide et instantanée, idéale pour accompagner les touristes et les riverains dans leur exploration des bassins et des bords de Seine.

Nous sommes intervenus pour concevoir et développer une PWA accessible depuis le navigateur et installable sur l’écran d’accueil. Ce format répondait à deux contraintes simultanées : offrir une expérience proche du natif pour le visiteur, et rester simple à administrer pour les équipes Haropa Port au quotidien. Pas d’équipe technique mobilisée pour chaque mise à jour de contenu : les équipes gèrent en autonomie depuis un backoffice WordPress.

Partir en balade

Un visiteur qui ne connaît pas le port n’a pas de repère. Plutôt que de lui proposer une liste d’informations à assembler lui-même, nous avons structuré des parcours guidés : tracé sur carte, points d’intérêt cliquables au fil du chemin, contenus audio sur certains sites. L’utilisateur suit, découvre, sans avoir à chercher.

Les bonnes adresses

Restaurants, musées, monuments : une sélection de spots consultable en vue liste ou directement sur la carte. L’enjeu ici était la cohérence entre les deux modes d’affichage : qu’on navigue à la liste ou à la carte, on accède aux mêmes informations, dans le même niveau de détail.

Signaler un incident

Depuis l’interface, un utilisateur peut remonter un incident au port du Havre avec photo et géolocalisation. Une fonctionnalité qui transforme l’application en outil de remontée terrain, au-delà du seul usage touristique.

Actualités et agenda

Des contenus éditoriaux pour garder l’application vivante : événements, actualités du port. Sans cette couche, une PWA installée sur l’écran d’accueil devient vite obsolète. Avec elle, il y a une raison d’y revenir.

Ce projet, à l’instar de nos interventions pour le Louvre-Lens, démontre notre capacité à concevoir des outils numériques institutionnels qui valorisent le patrimoine et la culture.

Application Haropa Port

Le format PWA n’était pas un choix par défaut, c’était la réponse à un problème précis. Les fonctionnalités attendues (géolocalisation, balades guidées, notifications push) demandent un niveau de proximité avec l’appareil qu’un site web classique ne peut pas atteindre. Une app native aurait répondu techniquement, mais imposait un passage par les stores : une friction à l’adoption, et une dépendance aux cycles de validation Apple et Google pour chaque mise à jour.

La PWA supprime ces deux obstacles. Elle s’installe depuis le navigateur, fonctionne en mode hors ligne sur les contenus déjà chargés, et envoie des notifications push.

Côté administration, nous avons construit la solution sur WordPress : les équipes Haropa Port gèrent l’intégralité des contenus et paramètrent les notifications en autonomie, sans solliciter une équipe technique.

0 ports

Le Havre, Paris, Rouen

+ 0

lieux référencés

0

balades audio disponibles

Cartographie OpenStreetMap : une navigation immersive et souveraine sur le territoire portuaire

Rendre utile une carte dans un contexte de visite touristique, c’est un vrai sujet de conception. Nous avons choisi OpenStreetMap pour 3 raisons :

  • open source
  • sans dépendance aux APIs commerciales
  • entièrement personnalisable

Avec cet outil, nous avons construit dessus l’ensemble de la couche cartographique : tracés de balades, points d’intérêt, bonnes adresses, tous cliquables et enrichis de contenus.

Le parti pris UX était clair : sur mobile, quand on marche au bord de la Seine ou du bassin du Commerce, une carte donne une lecture spatiale immédiate que la liste ne peut pas offrir. L’utilisateur voit où il est, ce qui l’entoure, et décide en un coup d’œil.

Développement web app Haropa Port

Découvrez d’autres réalisations

Accompagner nos clients, c’est bâtir des outils qui tiennent la charge. Explorez nos derniers travaux en web, mobile et UX design.

Refonte du site T2C en charge du réseau de bus-tramway de Clermont-Ferrand
  • Site Web, catalogue & E-commerce

Refonte du site T2C en charge du réseau de bus-tramway de Clermont-Ferrand

Un site de services ciblant usagers fréquents, scolaires et touristes qui met en avant horaires en temps réel, gestion d’itinéraire, infos trafic et actualités, avec un fort enjeu de disponibilité et de variation de trafic.

Refonte du site T2C en charge du réseau de bus-tramway de Clermont-Ferrand
Cotelub - Site web communauté de commune Sud Luberon
  • Site Web, catalogue & E-commerce

Nouvelle vitrine pour la Communauté de Communes Sud Luberon

Un site WordPress conçu dans une démarche d’éco-conception web qui valorise le territoire et propose de nombreux services aux citoyens de Cotelub : démarches en ligne, cartes interactives, agenda…

Nouvelle vitrine pour la Communauté de Communes Sud Luberon

Vous avez un projet d’application mobile ou PWA ?

Rencontrez nos experts en digitalisation de parcours touristique au service de votre territoire.