PROJEKAT

Interaktivna mapa prodavnica za tržni centar Augusts

Razvoj interaktivne mape prodavnica, Implementacija prilagodljivog rasporeda, Integracija administratorskog panela za dinamičke oznake, Efekti interakcije pri prelasku mišem, Tehničko savetovanje

  • Delatnost: Maloprodaja
  • Letonija Lokacija: Letonija
  • Vreme izrade: 2 nedelja
  • Tehnologije: Editor X, Wix CMS
  • Ocena: 5/5
1 mesec

Sažetak

Problem

Tržnom centru Augusts bio je potreban jednostavan digitalni način za prikaz lokacija prodavnica.

Rešenje

2410 je izradio interaktivnu, prilagodljivu mapu sa izmenjivim oznakama i linkovima.

Rezultat

Korisnici mogu jednostavno da istražuju tržni centar na bilo kom uređaju, dok se izmene obavljaju putem administratorskog panela.

Priča klijenta

Tržnom centru Augusts bilo je potrebno jednostavno, ali moderno rešenje za prikaz lokacija prodavnica na njihovom sajtu. Nisu im bile potrebne napredne animacije ni složene 3D funkcije - samo čist i praktičan prikaz.

Zamislili su mapu prodavnica kroz koju se lako navigira, poput mapa u drugim velikim tržnim centrima, sa vidljivim nazivima prodavnica koji se kasnije mogu menjati bez ponovne izrade rasporeda. Uz smernice kompanije 2410, konačna mapa je ponudila upravo to: čist plan etaže, jasne oznake i dinamičke linkove - jednostavna za održavanje, prilagođena mobilnim uređajima i vizuelno usklađena sa brendom.

Pregled projekta

2410 je razvio interaktivnu mapu za tržni centar Augusts, osmišljenu za jasan prikaz svih lokacija prodavnica na jednoj etaži. Projekat je realizovan u okruženju Editor X, čime je mapa ostala prilagodljiva i intuitivna na desktop i mobilnim uređajima.

Mapa prikazuje nazive prodavnica koji su stalno vidljivi, kao i efekte prelaska mišem koji ističu pojedinačne lokacije. Klikom na prodavnicu korisnici se preusmeravaju na stranicu te prodavnice. Nazivima prodavnica i veličinom fonta upravlja se putem posebnog administratorskog panela, što omogućava jednostavne izmene u realnom vremenu bez pomoći programera.

Da bi korisnički interfejs ostao pregledan, iskačući opisi su namerno izostavljeni. Umesto toga, fokus je stavljen na jednostavnost i jasnoću - korisnici na prvi pogled vide sve ključne informacije.

Rešenje je razvijano i testirano kroz više iteracija, uz kontinuirane povratne informacije klijenta. Iako je razmatran potencijalni odeljak za poklon-kartice putem Octobercms-a, ta faza je obustavljena zbog ograničenja backend-a i budžeta.

Konačan rezultat bila je potpuno funkcionalna mapa prodavnica optimizovana za SEO, koja je unapredila navigaciju korisnika i doprinela jednostavnijem digitalnom iskustvu kupovine.

Klijent je pohvalio iterativni pristup, brzo reagovanje na izmene dizajna i fleksibilnost konačnog proizvoda. Uprkos tehničkim izazovima u ranim fazama, konačan rezultat je u velikoj meri ispunio vizuelna i funkcionalna očekivanja. Klijentu su se dopali administratorska kontrola stilizovanja teksta i pažnja posvećena detaljima rasporeda. Drugi projekat je obustavljen zbog složenosti CMS-a, ali je prvi projekat završen na zadovoljstvo klijenta.

- Shopping center "Augusts"

Isporučene ključne funkcionalnosti

  • Interaktivna 1D mapa prodavnica sa 17 označenih prodavnica
  • Efekti prelaska mišem za vizuelnu povratnu informaciju
  • Prilagodljiva veličina fonta u dinamičkim blokovima prodavnica
  • Dinamički sadržaj putem administratorske baze podataka (nazivi prodavnica, podešavanje veličine fonta)
  • Podrška za više uređaja (desktop, tablet, mobilni)

Tehnološki stek

Editor X
Wix CMS
Admin database

Rezultat

Konačan rezultat je elegantna, potpuno prilagodljiva interaktivna mapa prodavnica za tržni centar Augusts , besprekorno integrisana u sajt klijenta. Dizajnirano po principu pristupa prvenstveno mobilnim uređajima , rešenje pruža glatko i intuitivno iskustvo pregledanja na svim uređajima.

Izgrađena na platformi Editor X , mapa omogućava korisnicima jednostavnu navigaciju kroz 17 prodavnica, pri čemu je svaka lokacija jasno označena i povezana sa svojom stranicom. Nazivi prodavnica i veličine fontova dinamički se preuzimaju iz povezane administratorske baze, što omogućava brze i jednostavne izmene.

Savet: Administratori mogu direktno u CMS-u da podešavaju veličinu fonta pomoću numeričkih vrednosti, što omogućava fleksibilnost pri budućim izmenama rasporeda.

Imajući u vidu performanse i jednostavnost, korišćeni su efekti prelaska mišem umesto iskačućih prozora ili opisa. Ovaj minimalistički dizajn održava interfejs preglednim, a istovremeno pruža zanimljivu vizuelnu povratnu informaciju pri interakciji.

  • Optimizovano za mobilne i desktop uređaje sa proporcionalnim menjanjem veličine fonta
  • Izmene pod kontrolom administratora putem Shops database
  • Dinamičko povezivanje sa stranicom svake prodavnice
  • Prilagodljiv raspored za različite veličine ekrana

Proces razvoja obuhvatio je nekoliko iteracija i vizuelnih dorada na osnovu povratnih informacija klijenta u realnom vremenu. Tako je obezbeđeno da i funkcionalnost i vizuelna vernost ispune očekivanja za premium sajt tržnog centra.

Konačna verzija je sada dostupna na adresi: tcaugusts.lv/map

Final interactive floor map of Shopping Center Augusts displaying 17 stores with dynamic labeling
Konačna interaktivna mapa etaže tržnog centra Augusts sa dinamičkim oznakama prodavnica

Razmišljate o izradi sličnog sistema?

U nastavku su najčešća pitanja koja dobijamo od klijenata zainteresovanih za razvoj interaktivnih mapa ili sličnih prilagođenih veb modula za tržne centre, objekte ili platforme za nekretnine. Odgovori će vam pomoći da bolje razumete šta je moguće, šta je potrebno i kako proces funkcioniše.