PROJEKT

Interaktivna karta trgovina trgovačkog centra Augusts

Razvoj interaktivne karte trgovina, Implementacija responzivnog rasporeda, Integracija administracijskog panela za dinamičke oznake, Efekti interakcije pri prelasku pokazivačem, Tehničko savjetovanje

  • Djelatnost: Maloprodaja
  • Latvija Lokacija: Latvija
  • Vrijeme isporuke: 2 tjedana
  • Tehnologije: Editor X, Wix CMS
  • Ocjena: 5/5
1 mjesec

Sažetak

Problem

Trgovačkom centru Augusts trebao je jednostavan digitalni način prikaza lokacija trgovina.

Rješenje

2410 je izradio interaktivnu, responzivnu kartu s uredljivim oznakama i poveznicama.

Rezultat

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.

Klijent je pohvalio iterativni pristup, brzu prilagodbu promjenama dizajna i fleksibilnost konačnog proizvoda. Unatoč tehničkim izazovima u ranim fazama, konačni rezultat uvelike je odgovarao vizualnim i funkcionalnim očekivanjima. Klijentu se posebno svidjela administrativna kontrola stiliziranja teksta i pažnja posvećena detaljima rasporeda. Drugi je projekt obustavljen zbog složenosti CMS-a, no prvi je projekt uspješno završen na zadovoljstvo klijenta.

- 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

Editor X
Wix CMS
Admin database

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

Final interactive floor map of Shopping Center Augusts displaying 17 stores with dynamic labeling
Konačna interaktivna karta etaže trgovačkog centra Augusts s dinamičkim oznakama trgovina

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.