Sažetak
Trgovačkom centru Augusts trebao je jednostavan digitalni način prikaza lokacija trgovina.
2410 je izradio interaktivnu, responzivnu kartu s uredljivim oznakama i poveznicama.
Korisnici mogu jednostavno istraživati trgovački centar na bilo kojem uređaju, a ažuriranjima se upravlja putem administracijskog panela.
Priča klijenta
Trgovački centar Augusts želio je jednostavno, ali moderno rješenje za prikaz lokacija trgovina na svojoj web-stranici. Nisu bile potrebne raskošne animacije ni složene 3D funkcije - samo pregledno i praktično rješenje.
Zamislili su jednostavnu kartu trgovina za navigaciju, poput onih u drugim velikim trgovačkim centrima, s vidljivim nazivima trgovina koji se kasnije mogu uređivati bez ponovne izrade rasporeda. Uz vodstvo tvrtke 2410, konačna karta ponudila je upravo to: čist tlocrt, jasne oznake i dinamičke poveznice - jednostavna za održavanje, prilagođena mobilnim uređajima i vizualno usklađena s brendom.
Pregled projekta
2410 je razvio interaktivnu kartu za trgovački centar Augusts, osmišljenu za jasan prikaz svih lokacija trgovina na jednoj etaži. Projekt je izrađen u alatu Editor X, čime je karta ostala responzivna i intuitivna na stolnim računalima i mobilnim uređajima.
Karta prikazuje stalno vidljive nazive trgovina i efekte prelaska pokazivačem koji ističu pojedinačne lokacije. Klik na trgovinu korisnika preusmjerava na stranicu s detaljima te trgovine. Nazivima trgovina i veličinama fonta upravlja se putem namjenskog administracijskog panela, što omogućuje jednostavna ažuriranja u stvarnom vremenu bez pomoći programera.
Kako bi korisničko sučelje ostalo pregledno, skočni su prozori s opisima namjerno izostavljeni. Umjesto toga, naglasak je stavljen na jednostavnost i jasnoću - korisnici sve važne informacije vide na prvi pogled.
Rješenje je razvijano i testirano iterativno, uz kontinuirane povratne informacije klijenta. Iako se razmatrao mogući odjeljak za poklon-bonove putem sustava Octobercms, ta je faza odgođena zbog ograničenja pozadinskog sustava i proračunskih ograničenja.
Konačni rezultat bila je potpuno funkcionalna, SEO-optimizirana karta trgovina koja je poboljšala navigaciju korisnika i pridonijela ugodnijem digitalnom iskustvu kupnje.
- Shopping center "Augusts"
Isporučene ključne značajke
- Interaktivna 1D karta trgovina sa 17 označenih trgovina
- Efekti prelaska pokazivačem za vizualnu povratnu informaciju
- Responzivna veličina fonta unutar dinamičkih blokova trgovina
- Dinamički sadržaj putem administracijske baze podataka (nazivi trgovina, prilagodba veličine fonta)
- Podrška za više uređaja (stolno računalo, tablet, mobitel)
Tehnološki stog
Rezultat
Konačni rezultat je elegantna, potpuno responzivna interaktivna karta trgovina za trgovački centar Augusts , besprijekorno integrirana u web-stranicu klijenta. Osmišljeno uz pristup prvo mobilni uređaji , rješenje pruža glatko i intuitivno iskustvo pregledavanja na svim uređajima.
Izrađena u alatu
Editor X
, karta korisnicima omogućuje jednostavnu navigaciju kroz 17 trgovina, pri čemu je svaka lokacija jasno označena i povezana s vlastitom stranicom trgovine. Nazivi trgovina i veličine fonta dinamički se dohvaćaju iz povezane administracijske baze podataka, što omogućuje brza i jednostavna ažuriranja.
Savjet: Administratori mogu izravno u CMS-u prilagoditi veličine fonta pomoću sustava numeričkih vrijednosti, što omogućuje fleksibilnost pri budućim promjenama rasporeda.
Imajući na umu performanse i jednostavnost, korišteni su efekti prelaska pokazivačem umjesto skočnih prozora ili opisa. Ovaj minimalistički dizajn održava sučelje preglednim, a istodobno pruža privlačnu vizualnu povratnu informaciju pri interakciji.
- Prilagođeno mobilnim uređajima i stolnim računalima uz proporcionalno mijenjanje veličine fonta
- Ažuriranja pod kontrolom administratora putem baze podataka
Shops database - Dinamičko povezivanje sa stranicom svake trgovine
- Responzivni raspored koji se prilagođava različitim veličinama zaslona
Razvojni proces uključivao je nekoliko iteracija i vizualnih dorada na temelju povratnih informacija klijenta u stvarnom vremenu. Time je osigurano da funkcionalnost i vizualna vjernost ispune očekivanja za vrhunsku web-stranicu trgovačkog centra.
Konačna je verzija sada dostupna na: tcaugusts.lv/map
Razmišljate o izradi sličnog sustava?
U nastavku su najčešća pitanja klijenata zainteresiranih za razvoj interaktivnih karata ili sličnih prilagođenih web-modula za trgovačke centre, objekte ili platforme za nekretnine. Odgovori će vam pomoći da bolje razumijete što je moguće, što je potrebno i kako proces funkcionira.