Véligo Location, service d’Île-de-France Mobilités, propose la location de vélos en région francilienne. Pour accompagner le nouveau positionnement de l’offre, ACSEO a contribué à la refonte du site vitrine.
L’agence DUNK a conçu les maquettes visuelles et le design graphique. De notre côté, chez ACSEO, on s’est chargé de tout le volet technique : conception de l’architecture, intégration, développement des fonctionnalités sur mesure, mise en ligne et suivi applicatif.
Le choix technique repose sur l’association de Prismic et Next.js, complétée par un back-office en JavaScript développé sur mesure.
Sommaire
Une architecture double cible pour regrouper les publics
Le service s’adresse à deux profils aux attentes différentes : les usagers individuels qui souhaitent louer un vélo au quotidien et les structures professionnelles ou collectivités qui veulent équiper leurs salariés.
Pour éviter de séparer ces activités sur deux plateformes différentes, on a construit une architecture double cible : Particuliers / Professionnels. Cette structure permet de gérer l’ensemble des parcours au sein d’une seule application, en proposant des chemins de navigation séparés pour les visiteurs.
L’administration centralisée regroupe la gestion de plusieurs éléments :
- La présentation des produits et des offres
- La localisation et la fiche de chaque Maison du Vélo
- Les pages de présentation et d’information
Cette organisation permet aux équipes de Véligo Location de mettre à jour le contenu depuis un point d’entrée unique. Une modification apportée sur un tarif ou une adresse se répercute automatiquement dans la rubrique dédiée aux particuliers et dans celle destinée aux professionnels.
Prismic et Next.js pour la renfonte site vitrine
La vitrine repose sur l’association de la technologie Next.js et du gestionnaire de contenu Prismic. L’objectif était de donner une réelle liberté d’action aux équipes éditoriales de Véligo Location, sans dénaturer le travail graphique de l’agence DUNK.
On a configuré un espace Prismic sur mesure en transformant les maquettes en briques de construction autonomes. Les rédacteurs disposent d’un choix de composants préformatés :
- Des zones de texte et des présentations structurées
- Des grilles de produits et des tableaux de prix
- Des blocs visuels et des galeries d’images
- Des zones d’appel à l’action et des formulaires
Les contributeurs assemblent ces modules pour composer leurs pages selon leurs besoins d’actualité. Next.js interprète ensuite cet assemblage et applique de façon stricte la charte graphique sur le site public. La typographie, les couleurs et les espacements restent toujours conformes aux créations initiales.
Un back-office en JavaScript dédié au traitement des données
Un site vitrine reçoit un volume quotidien important de formulaires. Prismic reste un outil pensé pour la publication de contenus texte et image. Il n’est pas adapté pour archiver des demandes d’usagers ou partager des informations opérationnelles avec le terrain.
Afin de conserver une architecture claire, on a développé un outil séparé de Prismic : un back-office en JavaScript sur mesure. Ce programme autonome prend en charge la gestion des échanges usagers.
Ce back-office assure deux missions :
- La centralisation des formulaires soumis depuis le site
- Le partage sécurisé des données d’exploitation avec les agences partenaires et les Maisons du Vélo
Concrètement, le back-office permet aux équipes de récupérer les exports des données des formulaires et également de contribuer via l’import d’un fichier csv au événement organisé par les maisons du vélo.
Le suivi technique et la maintenance applicative
Pour garantir la stabilité du site et accompagner les futurs besoins du service, ACSEO assure la TMA de la plateforme.
Ce travail de suivi comprend :
- La surveillance de l’infrastructure et la vérification des temps de réponse sous Next.js
- L’installation des mises à jour de sécurité
- L’entretien du back-office en JavaScript et de ses flux de données
- L’ajout de nouveaux composants dans Prismic au fil des demandes de l’équipe éditoriale
ACSEO, partenaire de vos projets web
Cette réalisation pour Véligo Location illustre notre capacité à concevoir des architectures techniques adaptées aux réalités du terrain. En travaillant avec l’agence DUNK qui a réalisé le design, on a pris en charge l’ensemble du développement technique pour livrer une plateforme rapide, sûre et facile à prendre en main.
Chez ACSEO, on accompagne les entreprises dans la création de leurs produits digitaux : sites web, applications mobiles, outils métiers et maintenance applicative. Si vous souhaitez moderniser votre site, développer un outil métier ou confier la maintenance de vos applications, contactez-nous pour échanger sur vos objectifs !
