Zhrnutie
Nákupné centrum Augusts potrebovalo jednoduchý digitálny spôsob zobrazovania umiestnenia obchodov.
2410 vytvorila interaktívnu responzívnu mapu s upraviteľnými popismi a odkazmi.
Používatelia môžu jednoducho preskúmať nákupné centrum na akomkoľvek zariadení a aktualizácie sa spravujú cez administračný panel.
Príbeh klienta
Nákupné centrum Augusts chcelo na svojej webovej stránke jednoduché, no moderné riešenie na zobrazovanie umiestnenia obchodov. Nepotrebovalo efektné animácie ani zložité 3D funkcie - iba čisté a praktické riešenie.
Predstavovali si ľahko navigovateľnú mapu obchodov podobnú mapám vo veľkých nákupných centrách, s viditeľnými názvami obchodov, ktoré by bolo možné neskôr upravovať bez prestavby rozloženia. S vedením 2410 ponúkla finálna mapa presne to: čistý pôdorys, jasné popisy a dynamické odkazy - jednoduchú údržbu, podporu mobilných zariadení a vizuálny súlad so značkou.
Prehľad projektu
2410 vytvorila interaktívnu mapu pre nákupné centrum Augusts, ktorá prehľadne zobrazuje všetky prevádzky na jednom podlaží. Projekt bol vytvorený v Editor X, vďaka čomu mapa zostala responzívna a intuitívna na počítačoch aj mobilných zariadeniach.
Mapa obsahuje trvalo viditeľné názvy obchodov a efekty pri prejdení kurzorom, ktoré zvýrazňujú jednotlivé lokality. Kliknutie na obchod presmeruje používateľa na jeho detailnú stránku. Názvy obchodov a ich veľkosť písma sa spravujú cez špecializovaný administračný panel, čo umožňuje jednoduché aktualizácie v reálnom čase bez pomoci vývojára.
Aby používateľské rozhranie zostalo prehľadné, kontextové okná sme zámerne vynechali. Namiesto toho sme sa zamerali na jednoduchosť a jasnosť - používatelia vidia všetky dôležité informácie na prvý pohľad.
Riešenie bolo vyvíjané a testované iteratívne na základe priebežnej spätnej väzby klienta. Hoci sme zvažovali sekciu darčekových kariet cez Octobercms, túto fázu sme pre obmedzenia backendu a rozpočtu pozastavili.
Výsledkom bola plne funkčná mapa obchodov optimalizovaná pre SEO, ktorá zjednodušila navigáciu používateľov a prispela k plynulejšiemu digitálnemu nákupnému zážitku.
- Shopping center "Augusts"
Dodané kľúčové funkcie
- Interaktívna 1D mapa obchodov so 17 označenými obchodmi
- Efekty pri prejdení kurzorom pre vizuálnu spätnú väzbu
- Responzívna veľkosť písma v dynamických blokoch obchodov
- Dynamický obsah cez administračnú databázu (názvy obchodov, úpravy veľkosti písma)
- Podpora viacerých zariadení (počítač, tablet, mobil)
Technologický stack
Výsledok
Finálnym výsledkom je elegantná, plne responzívna interaktívna mapa obchodov pre Shopping Center Augusts , bezproblémovo integrovaná do webovej stránky klienta. Riešenie bolo navrhnuté s prístupom mobile-first , vďaka čomu poskytuje plynulé a intuitívne prehliadanie na všetkých zariadeniach.
Mapa bola vytvorená v
Editor X
, umožňuje používateľom jednoducho navigovať medzi 17 obchodmi, pričom každá lokalita je jasne označená a prepojená so stránkou príslušného obchodu. Názvy obchodov a veľkosti písma sa načítavajú dynamicky z prepojenej administračnej databázy, čo zabezpečuje rýchle a jednoduché aktualizácie.
Tip: Administrátori môžu upravovať veľkosť písma priamo v CMS pomocou číselných hodnôt, čo poskytuje flexibilitu pri budúcich zmenách rozloženia.
S ohľadom na výkon a jednoduchosť sme namiesto vyskakovacích okien alebo tipov použili efekty pri prejdení kurzorom. Tento minimalistický dizajn udržiava rozhranie čisté a zároveň poskytuje pútavú vizuálnu spätnú väzbu pri interakcii.
- Optimalizované pre mobily a počítače s proporčným prispôsobením veľkosti písma
- Aktualizácie spravované administrátorom cez databázu
Shops database - Dynamické odkazy na stránky jednotlivých obchodov
- Responzívne rozloženie prispôsobené rôznym veľkostiam obrazovky
Vývojový proces zahŕňal niekoľko iterácií a vizuálnych úprav na základe spätnej väzby klienta v reálnom čase. Tak sme zaistili, že funkčnosť aj vizuálna presnosť spĺňajú očakávania prémiového webu nákupného centra.
Finálna verzia je dostupná na: tcaugusts.lv/map
Uvažujete o vytvorení podobného systému?
Tu sú najčastejšie otázky, ktoré dostávame od klientov so záujmom o vývoj interaktívnych máp alebo podobných vlastných webových modulov pre nákupné centrá, priestory či realitné platformy. Odpovede vám objasnia, čo je možné, čo je potrebné a ako celý proces funguje.