Összefoglaló
Az Augusts bevásárlóközpontnak egyszerű digitális megoldásra volt szüksége az üzletek helyének bemutatásához.
A 2410 interaktív, reszponzív térképet készített szerkeszthető címkékkel és hivatkozásokkal.
A felhasználók bármilyen eszközön könnyen felfedezhetik a bevásárlóközpontot, a frissítéseket pedig az adminisztrációs felületen lehet kezelni.
Az ügyfél története
Az Augusts bevásárlóközpont egyszerű, mégis modern megoldást szeretett volna az üzletek weboldalon történő bemutatására. Nem volt szükségük látványos animációkra vagy összetett 3D-funkciókra, csak egy letisztult és praktikus megoldásra.
Egy könnyen navigálható üzlettérképet képzeltek el, hasonlót a nagy bevásárlóközpontokban találhatókhoz, látható üzletnevekkel, amelyek később az elrendezés újraépítése nélkül szerkeszthetők. A 2410 útmutatásával a végleges térkép ezt nyújtotta: letisztult alaprajzot, egyértelmű címkéket és dinamikus hivatkozásokat, amelyek könnyen karbantarthatók, mobilbarátok és vizuálisan illeszkednek a márkához.
Projektáttekintés
A 2410 interaktív térképet fejlesztett az Augusts bevásárlóközpont számára, amely egyértelmű, egyszintes elrendezésben mutatja be az összes üzletet. A projekt Editor X használatával készült, így a térkép asztali és mobil eszközökön is reszponzív és intuitív maradt.
A térképen az üzletnevek folyamatosan láthatók, az egér fölé vitelekor pedig kiemelés jelzi az egyes helyeket. Egy üzletre kattintva a felhasználó az adott üzlet részletes oldalára kerül. Az üzletnevek és betűméretek külön adminisztrációs felületen kezelhetők, így fejlesztői segítség nélkül, valós időben frissíthetők.
A felület áttekinthetősége érdekében szándékosan nem használtunk eszköztippeket és felugró ablakokat. Ehelyett az egyszerűségre és az egyértelműségre helyeztük a hangsúlyt, így a felhasználók egy pillantással látják a legfontosabb információkat.
A megoldást az ügyfél folyamatos visszajelzései alapján, iteratív módon fejlesztettük és teszteltük. Bár az Octobercms segítségével egy ajándékkártya-szekció lehetőségét is megvizsgáltuk, ezt a fázist a backend korlátai és a költségvetési megfontolások miatt szüneteltettük.
A végeredmény egy teljes funkcionalitású, SEO-optimalizált üzlettérkép lett, amely megkönnyítette a navigációt és gördülékenyebb digitális vásárlási élményhez járult hozzá.
- Shopping center "Augusts"
Megvalósított fő funkciók
- Interaktív, 17 címkézett üzletet tartalmazó 1D üzlettérkép
- Egér fölé vitelekor megjelenő vizuális effektek
- Reszponzív betűméretezés a dinamikus üzletblokkokban
- Dinamikus tartalom adminisztrációs adatbázison keresztül (üzletnevek, betűméret-beállítások)
- Több eszköz támogatása (asztali gép, tablet, mobil)
Technológiai háttér
Az eredmény
A végeredmény egy elegáns, teljesen reszponzív interaktív üzlettérkép készült a Shopping Center Augusts számára, amely zökkenőmentesen integrálódik az ügyfél weboldalába. A mobilközpontú megközelítéssel kialakított megoldás minden eszközön gördülékeny és intuitív böngészési élményt nyújt.
Az
Editor X
alapjaira épülő térképen a felhasználók könnyen navigálhatnak a 17 üzlet között. Minden hely egyértelműen címkézett, és saját üzletoldalára mutat. Az üzletnevek és betűméretek egy kapcsolódó adminisztrációs adatbázisból töltődnek be, így gyorsan és egyszerűen frissíthetők.
Tipp: Az adminisztrátorok numerikus értékekkel közvetlenül a CMS-ben módosíthatják a betűméreteket, ami rugalmasságot biztosít a későbbi elrendezési változtatásokhoz.
A teljesítményt és az egyszerűséget szem előtt tartva felugró ablakok és eszköztippek helyett egér fölé vitelekor megjelenő effekteket használtunk. Ez a minimalista tervezési döntés tisztán tartja a felületet, miközben interakciókor látványos visszajelzést ad.
- Mobilra és asztali gépre optimalizált, arányos betűméretezéssel
- Adminisztrátor által kezelt frissítések a
Shops databasesegítségével - Dinamikus hivatkozások az egyes üzletek oldalaira
- Különböző képernyőméretekhez alkalmazkodó reszponzív elrendezés
A fejlesztési folyamat több iterációt és vizuális finomítást tartalmazott, amelyek valós idejű ügyfél-visszajelzések alapján készültek. Ez biztosította, hogy a funkcionalitás és a vizuális pontosság egyaránt megfeleljen egy prémium bevásárlóközpont weboldalával szemben támasztott elvárásoknak.
A végleges verzió már elérhető itt: tcaugusts.lv/map
Hasonló rendszer fejlesztésén gondolkodik?
Az alábbiakban összegyűjtöttük a leggyakoribb kérdéseket, amelyeket az interaktív térképek vagy hasonló egyedi webmodulok fejlesztése iránt érdeklődő bevásárlóközpontok, helyszínek és ingatlanplatformok ügyfeleitől kapunk. A válaszok segítenek megérteni, mi lehetséges, mire van szükség, és hogyan zajlik a folyamat.