La carte peut-elle être mise à jour sans compétences techniques ?

Oui, tout à fait. Le système que nous développons comprend un panneau d’administration facile à utiliser, depuis lequel vous pouvez modifier les noms des boutiques, les liens et les tailles de police. Aucune compétence en programmation n’est nécessaire. Toutes les modifications sont publiées instantanément, ce qui vous donne un contrôle total sur votre contenu.

Sur quelles plateformes cela peut-il être développé ?

Nous utilisons généralement des plateformes comme Editor X ou Webflow pour les projets nécessitant une interface riche sur le plan visuel et des fonctionnalités CMS faciles à gérer. Nous pouvons toutefois aussi intégrer un CMS personnalisé ou des systèmes existants si nécessaire. Le choix de la plateforme dépend de vos besoins de flexibilité et de votre infrastructure technique.

Le système fonctionnera-t-il sur mobile et tablette ?

Oui, le responsive design est une priorité. Toutes les mises en page s’adaptent aux différentes tailles d’écran grâce au redimensionnement dynamique des polices et des éléments interactifs, afin que la carte soit parfaitement lisible et fonctionnelle sur ordinateur, tablette et mobile.

Pouvons-nous personnaliser le design et la mise en page de la carte ?

Absolument. Nous partons de votre plan ou schéma d’étage, puis le transformons en une version numérique stylisée, cohérente avec votre marque. Vous pouvez définir les couleurs, les polices, les effets au survol et même l’emplacement des éléments textuels afin de correspondre à vos objectifs esthétiques.

Que se passe-t-il si nous ajoutons ou supprimons des boutiques ultérieurement ?

Le système est conçu pour évoluer. Vous pouvez facilement attribuer une nouvelle boutique à une zone prédéfinie de la carte, modifier son nom ou la supprimer complètement depuis le panneau d’administration. Pour les changements importants, comme l’ajout de nouvelles zones, nous proposons des services d’assistance et d’adaptation.

Le système peut-il prendre en charge plusieurs langues ?

Oui, la prise en charge de plusieurs langues peut être prévue dès le départ. Les noms des boutiques, les catégories et les éléments de navigation peuvent tous être localisés selon les préférences linguistiques des utilisateurs. Nous intégrons les sélecteurs de langue à la structure de l’interface.

Comment démarrer le projet ?

Nous commençons par une phase de découverte, durant laquelle vous nous fournissez votre plan d’étage, vos lignes directrices de design et vos besoins métier. Nous proposons ensuite la meilleure solution technique et visuelle, établissons un calendrier de développement et avançons une fois que tout est validé.

PROJET

Carte interactive des boutiques du centre commercial Augusts

Développement d’une carte interactive des boutiques, Mise en œuvre d’une mise en page responsive, Intégration d’un panneau d’administration pour le libellage dynamique, Effets d’interaction au survol, Conseil technique

Secteur d’activité: Commerce de détail
Localisation: Lettonie
Délai de réalisation: 2 semaines
Technologies: Editor X, Wix CMS
Note: 5/5

1 mois

Résumé

Problème

Le centre commercial Augusts avait besoin d’un moyen numérique simple d’afficher l’emplacement de ses boutiques.

Solution

2410 a créé une carte interactive et responsive avec des libellés et des liens modifiables.

Résultat

Les utilisateurs peuvent facilement explorer le centre commercial sur tout appareil, tandis que les mises à jour sont gérées depuis le panneau d’administration.

Témoignage du client

Le centre commercial Augusts souhaitait une solution simple, mais moderne, pour afficher l’emplacement de ses boutiques sur son site web. Il n’avait pas besoin d’animations sophistiquées ni de fonctionnalités 3D complexes, mais simplement d’un outil épuré et pratique.

Le client imaginait une carte des boutiques facile à parcourir, comme dans les autres grands centres commerciaux, avec des noms de boutiques visibles et modifiables ultérieurement sans reconstruire la mise en page. Grâce aux conseils de 2410, la carte finale répond exactement à ce besoin : un plan clair, des libellés lisibles et des liens dynamiques, faciles à gérer, adaptés aux mobiles et cohérents avec l’identité de la marque.

Présentation du projet

2410 a développé une carte interactive pour le centre commercial Augusts, conçue pour présenter tous les emplacements des boutiques dans une disposition claire sur un seul niveau. Le projet a été réalisé avec Editor X afin de garantir une carte responsive et intuitive sur ordinateur et mobile.

La carte affiche en permanence les noms des boutiques et utilise des effets au survol pour mettre en évidence chaque emplacement. En cliquant sur une boutique, les utilisateurs sont redirigés vers sa page détaillée. Les noms des boutiques et leur taille de police sont gérés depuis un panneau d’administration dédié, ce qui permet des mises à jour faciles en temps réel, sans intervention d’un développeur.

Pour conserver une interface épurée, les infobulles ont volontairement été exclues. L’accent a plutôt été mis sur la simplicité et la clarté : les utilisateurs voient toutes les informations essentielles en un coup d’œil.

La solution a été développée et testée de manière itérative, avec les retours continus du client. Après avoir étudié l’ajout potentiel d’une section de cartes cadeaux via Octobercms, il a été décidé de mettre cette phase en pause en raison de limitations du back-end et de contraintes budgétaires.

Le résultat final est une carte des boutiques entièrement fonctionnelle et optimisée pour le SEO, qui facilite la navigation des utilisateurs et contribue à une expérience d’achat numérique plus fluide.

Le client a apprécié l’approche itérative, la réactivité face aux changements de design et la flexibilité du produit final. Malgré des difficultés techniques au début du projet, le résultat final correspondait étroitement aux attentes visuelles et fonctionnelles. Le client a apprécié le contrôle administratif du style des textes et l’attention portée aux détails de la mise en page. Le deuxième projet a été abandonné en raison de la complexité du CMS, mais le premier projet s’est achevé à la satisfaction du client.

- Shopping center "Augusts"

Fonctionnalités clés livrées

Carte interactive 1D de 17 boutiques avec libellés
Effets au survol pour un retour visuel
Taille de police responsive dans les blocs de boutiques dynamiques
Contenu dynamique via une base de données administrable (noms des boutiques et ajustement de la taille de police)
Compatibilité multi-appareils (ordinateur, tablette et mobile)

Stack technique

Editor X

Wix CMS

Admin database

Le résultat

Le résultat final est une carte interactive des boutiques entièrement responsive pour le centre commercial Augusts , intégrée de manière fluide au site web du client. Conçue selon une approche mobile-first , la solution offre une navigation fluide et intuitive sur tous les appareils.

Développée sur Editor X , la carte permet aux utilisateurs de naviguer facilement parmi 17 boutiques, chaque emplacement étant clairement identifié et lié à sa page dédiée. Les noms des boutiques et les tailles de police sont récupérés dynamiquement depuis une base de données d’administration connectée, ce qui garantit des mises à jour rapides et simples.

Astuce : les administrateurs peuvent ajuster directement les tailles de police dans le CMS à l’aide d’un système de valeurs numériques, offrant davantage de flexibilité pour les futures modifications de mise en page.

Pour privilégier les performances et la simplicité, des effets au survol ont été utilisés plutôt que des fenêtres contextuelles ou des infobulles. Ce choix de design minimaliste préserve la clarté de l’interface tout en fournissant un retour visuel agréable lors des interactions.

Optimisée pour mobile et ordinateur avec redimensionnement proportionnel des polices
Mises à jour contrôlées par l’administrateur via une base de données Shops
Liens dynamiques vers la page de chaque boutique
Mise en page responsive s’adaptant aux différentes tailles d’écran

Le processus de développement a comporté plusieurs itérations et améliorations visuelles fondées sur les retours du client en temps réel. Cela a permis de répondre aux attentes fonctionnelles et visuelles d’un site web de centre commercial haut de gamme.

La version finale est désormais disponible à l’adresse : tcaugusts.lv/map

Final interactive floor map of Shopping Center Augusts displaying 17 stores with dynamic labeling — *Carte interactive finale du centre commercial Augusts avec libellés dynamiques des boutiques*

Vous envisagez de créer un système similaire ?

Voici les questions les plus fréquentes que nous recevons de la part de clients souhaitant développer des cartes interactives ou des modules web personnalisés similaires pour des centres commerciaux, des lieux accueillant du public ou des plateformes immobilières. Ces réponses vous aideront à mieux comprendre ce qui est possible, ce qui est nécessaire et comment se déroule le processus.