Povzetek
Nakupovalno središče Augusts je potrebovalo preprost digitalni način za prikaz lokacij trgovin.
2410 je izdelal interaktivno in odzivno mapo z urejljivimi oznakami in povezavami.
Uporabniki lahko nakupovalno središče enostavno raziskujejo na kateri koli napravi, posodobitve pa se upravljajo prek skrbniške plošče.
Zgodba naročnika
Nakupovalno središče Augusts je želelo preprosto, a sodobno rešitev za prikaz lokacij trgovin na svojem spletnem mestu. Niso potrebovali zahtevnih animacij ali kompleksnih 3D-funkcij - le čist in praktičen prikaz.
Predstavljali so si trgovsko mapo, po kateri je enostavno krmariti, podobno kot v drugih velikih nakupovalnih središčih, z vidnimi imeni trgovin, ki bi jih lahko pozneje urejali brez ponovne izdelave postavitve. Z usmerjanjem podjetja 2410 je končna mapa ponudila prav to: čist tloris, jasne oznake in dinamične povezave - enostavno vzdrževanje, prilagojenost mobilnim napravam in vizualno usklajenost z njihovo blagovno znamko.
Pregled projekta
2410 je za nakupovalno središče Augusts razvilo interaktivno mapo, ki jasno prikazuje vse lokacije trgovin v razporeditvi enega nadstropja. Projekt je bil izveden z orodjem Editor X, zato je mapa odzivna in intuitivna na namiznih in mobilnih napravah.
Mapa prikazuje stalno vidna imena trgovin in učinke ob prehodu miške, ki poudarijo posamezne lokacije. Ob kliku na trgovino so uporabniki preusmerjeni na stran s podrobnostmi izbrane trgovine. Imena trgovin in njihove velikosti pisave se upravljajo prek namenske skrbniške plošče, kar omogoča enostavne posodobitve v realnem času brez pomoči razvijalca.
Da bi uporabniški vmesnik ostal pregleden, pojavna okna z namigi niso bila vključena. Namesto tega je bil poudarek na preprostosti in jasnosti - uporabniki vse bistvene informacije vidijo na prvi pogled.
Rešitev je bila razvijana in preizkušana iterativno ob stalnih povratnih informacijah naročnika. Čeprav smo preučili možnost dodajanja razdelka z darilnimi karticami prek sistema Octobercms, smo se zaradi omejitev zaledja in proračuna odločili to fazo začasno ustaviti.
Končni rezultat je bila popolnoma funkcionalna, za SEO optimizirana trgovska mapa, ki je izboljšala navigacijo uporabnikov in prispevala k prijetnejši digitalni nakupovalni izkušnji.
- Shopping center "Augusts"
Ključne izvedene funkcionalnosti
- Interaktivna 1D-trgovska mapa s 17 označenimi trgovinami
- Učinki ob prehodu miške za vizualni odziv
- Odzivna velikost pisave znotraj dinamičnih blokov trgovin
- Dinamična vsebina prek skrbniške podatkovne zbirke (imena trgovin, prilagoditve velikosti pisave)
- Podpora za več naprav (namizni računalnik, tablica, mobilni telefon)
Tehnološki sklop
Rezultat
Končni rezultat je elegantna, popolnoma odzivna interaktivna trgovska mapa za nakupovalno središče Augusts , brezhibno vključena v spletno mesto naročnika. Zasnovana po pristopu najprej za mobilne naprave , rešitev zagotavlja tekočo in intuitivno izkušnjo brskanja na vseh napravah.
Mapa, izdelana na platformi
Editor X
, uporabnikom omogoča enostavno navigacijo med 17 trgovinami, pri čemer je vsaka lokacija jasno označena in povezana s svojo stranjo. Imena trgovin in velikosti pisav se dinamično pridobivajo iz povezane skrbniške podatkovne zbirke, kar omogoča hitre in preproste posodobitve.
Nasvet: Skrbniki lahko velikosti pisav neposredno v CMS-u prilagajajo s sistemom številskih vrednosti, kar omogoča prilagodljivost pri prihodnjih spremembah postavitve.
Z mislijo na zmogljivost in preprostost smo namesto pojavnih oken ali namigov uporabili učinke ob prehodu miške. Ta minimalistična oblikovna odločitev ohranja čist vmesnik, hkrati pa zagotavlja privlačen vizualni odziv na interakcijo.
- Optimizirano za mobilne naprave in namizne računalnike s sorazmernim spreminjanjem velikosti pisave
- Posodobitve pod nadzorom skrbnika prek
podatkovne zbirke Shops - Dinamično povezovanje s stranjo posamezne trgovine
- Odzivna postavitev, ki se prilagaja različnim velikostim zaslona
Razvojni proces je vključeval več iteracij in vizualnih izboljšav na podlagi povratnih informacij naročnika v realnem času. Tako smo zagotovili, da sta funkcionalnost in vizualna kakovost izpolnili pričakovanja za vrhunsko spletno mesto nakupovalnega središča.
Končna različica je zdaj objavljena na naslovu: tcaugusts.lv/map
Razmišljate o izdelavi podobnega sistema?
Tukaj so najpogostejša vprašanja, ki jih prejemamo od naročnikov, zainteresiranih za razvoj interaktivnih zemljevidov ali podobnih spletnih modulov po meri za nakupovalna središča, prizorišča ali nepremičninske platforme. Odgovori vam bodo pomagali bolje razumeti, kaj je mogoče, kaj je potrebno in kako poteka proces.