Riepilogo
Il centro commerciale Augusts aveva bisogno di un modo digitale e semplice per mostrare la posizione dei negozi.
2410 ha realizzato una mappa interattiva e reattiva con etichette e collegamenti modificabili.
Gli utenti possono esplorare facilmente il centro commerciale da qualsiasi dispositivo, mentre gli aggiornamenti vengono gestiti tramite il pannello di amministrazione.
La storia del cliente
Il centro commerciale Augusts desiderava una soluzione semplice ma moderna per mostrare la posizione dei negozi sul proprio sito web. Non servivano animazioni elaborate o complesse funzioni 3D, ma qualcosa di ordinato e pratico.
L'obiettivo era una mappa dei negozi facile da navigare, come nei grandi centri commerciali, con nomi visibili e modificabili in seguito senza ricostruire il layout. Con la guida di 2410, la mappa finale ha offerto proprio questo: una planimetria pulita, etichette chiare e collegamenti dinamici, facili da gestire, ottimizzati per dispositivi mobili e coerenti con il brand.
Panoramica del progetto
2410 ha sviluppato una mappa interattiva per il centro commerciale Augusts, progettata per mostrare tutte le posizioni dei negozi in un layout chiaro su un unico piano. Il progetto è stato realizzato con Editor X, garantendo una mappa reattiva e intuitiva su desktop e dispositivi mobili.
La mappa mostra permanentemente i nomi dei negozi e include effetti al passaggio del mouse che evidenziano le singole posizioni. Facendo clic su un negozio, gli utenti vengono reindirizzati alla relativa pagina di dettaglio. I nomi dei negozi e le dimensioni dei caratteri sono gestiti tramite un pannello di amministrazione dedicato, che consente aggiornamenti in tempo reale senza l'intervento di uno sviluppatore.
Per mantenere l'interfaccia ordinata, i tooltip sono stati intenzionalmente esclusi. L'attenzione è stata invece posta su semplicità e chiarezza: gli utenti vedono tutte le informazioni essenziali a colpo d'occhio.
La soluzione è stata sviluppata e testata iterativamente, con un confronto continuo con il cliente. Sebbene sia stata valutata una possibile sezione dedicata alle gift card tramite Octobercms, si è deciso di sospendere questa fase a causa dei limiti del backend e dei vincoli di budget.
Il risultato finale è stato una mappa dei negozi pienamente funzionante e ottimizzata per la SEO, che ha migliorato la navigazione degli utenti e contribuito a un'esperienza di acquisto digitale più fluida.
- Shopping center "Augusts"
Funzionalità principali realizzate
- Mappa interattiva 1D con 17 negozi etichettati
- Effetti al passaggio del mouse per un feedback visivo
- Dimensionamento reattivo dei caratteri nei blocchi dinamici dei negozi
- Contenuti dinamici tramite database amministrativo (nomi dei negozi e regolazione delle dimensioni dei caratteri)
- Supporto per più dispositivi (desktop, tablet, mobile)
Stack tecnologico
Il risultato
Il risultato finale è una raffinata mappa interattiva dei negozi per il centro commerciale Augusts , perfettamente integrata nel sito web del cliente. Progettata con un approccio mobile-first , la soluzione offre un'esperienza di navigazione fluida e intuitiva su tutti i dispositivi.
Realizzata con
Editor X
, la mappa consente agli utenti di navigare facilmente tra 17 negozi, ciascuno identificato chiaramente e collegato alla propria pagina. I nomi dei negozi e le dimensioni dei caratteri vengono recuperati dinamicamente da un database amministrativo collegato, garantendo aggiornamenti rapidi e semplici.
Suggerimento: gli amministratori possono regolare direttamente le dimensioni dei caratteri nel CMS usando un sistema di valori numerici, rendendo il layout flessibile per modifiche future.
Per garantire prestazioni e semplicità, sono stati utilizzati effetti al passaggio del mouse invece di popup o tooltip. Questa scelta di design minimalista mantiene l'interfaccia ordinata, offrendo comunque un feedback visivo coinvolgente durante l'interazione.
- Ottimizzata per mobile e desktop con ridimensionamento proporzionale dei caratteri
- Aggiornamenti gestiti dagli amministratori tramite un
database Shops - Collegamenti dinamici alla pagina di ogni negozio
- Layout reattivo adattabile a diverse dimensioni dello schermo
Il processo di sviluppo ha incluso diverse iterazioni e perfezionamenti visivi basati sul feedback del cliente in tempo reale. Questo ha garantito che funzionalità e fedeltà visiva soddisfacessero le aspettative per un sito web di un centro commerciale di alto livello.
La versione finale è ora disponibile su: tcaugusts.lv/map
Stai pensando di realizzare un sistema simile?
Ecco le domande più frequenti dei clienti interessati a sviluppare mappe interattive o moduli web personalizzati simili per centri commerciali, strutture o piattaforme immobiliari. Le risposte ti aiuteranno a comprendere meglio cosa è possibile realizzare, cosa serve e come funziona il processo.