Sammanfattning
Köpcentret Augusts behövde ett enkelt digitalt sätt att visa butikernas placeringar.
2410 byggde en interaktiv, responsiv karta med redigerbara etiketter och länkar.
Användarna kan enkelt utforska köpcentret på alla enheter, och uppdateringar hanteras via adminpanelen.
Kundberättelse
Köpcentret Augusts ville ha en enkel men modern lösning för att visa butikernas placeringar på sin webbplats. De behövde inga avancerade animationer eller komplexa 3D-funktioner - bara något rent och praktiskt.
De föreställde sig en lättnavigerad butikskarta, liknande den som finns i andra stora köpcentrum, med synliga butiksnamn som senare kunde redigeras utan att layouten behövde byggas om. Med vägledning från 2410 erbjöd den färdiga kartan precis detta: en ren planritning, tydliga etiketter och dynamiska länkar - lätt att underhålla, mobilanpassad och visuellt i linje med varumärket.
Projektöversikt
2410 utvecklade en interaktiv karta för köpcentret Augusts, utformad för att tydligt visa alla butikers placeringar på en enda våningsplan. Projektet implementerades i Editor X, vilket säkerställde att kartan var responsiv och intuitiv på datorer och mobila plattformar.
Kartan visar butiksnamnen permanent och använder hovringseffekter för att markera enskilda placeringar. När användaren klickar på en butik omdirigeras hen till butikens detaljsida. Butiksnamn och teckenstorlekar hanteras via en särskild adminpanel, vilket möjliggör enkla uppdateringar i realtid utan hjälp från en utvecklare.
För att hålla användargränssnittet rent valde vi medvetet bort verktygstips. Fokus låg i stället på enkelhet och tydlighet - användarna ser all viktig information direkt.
Lösningen utvecklades och testades iterativt med löpande feedback från kunden. Även om en möjlig presentkortsektion via Octobercms undersöktes beslutade man att pausa den fasen på grund av begränsningar i backend och budgeten.
Slutresultatet blev en fullt fungerande, SEO-optimerad butikskarta som förbättrade användarnas navigering och bidrog till en smidigare digital shoppingupplevelse.
- Shopping center "Augusts"
Viktiga levererade funktioner
- Interaktiv 1D-butikskarta med 17 märkta butiker
- Hovringseffekter för visuell återkoppling
- Responsiv teckenstorlek i dynamiska butiksblock
- Dynamiskt innehåll via admin-databas (butiksnamn och justering av teckenstorlek)
- Stöd för flera enheter (dator, surfplatta och mobil)
Teknikstack
Resultatet
Slutresultatet är en stilren, fullt responsiv interaktiv butikskarta för köpcentret Augusts , sömlöst integrerad i kundens webbplats. Lösningen är utformad med ett mobilanpassat förstahandsfokus , vilket ger en smidig och intuitiv webbupplevelse på alla enheter.
Kartan är byggd med
Editor X
, och gör det enkelt för användarna att navigera bland 17 butiker. Varje placering är tydligt märkt och länkad till sin egen butikssida. Butiksnamn och teckenstorlekar hämtas dynamiskt från en ansluten admin-databas, vilket möjliggör snabba och enkla uppdateringar.
Tips: Administratörer kan justera teckenstorlekar direkt i CMS:et med hjälp av numeriska värden, vilket ger flexibilitet vid framtida layoutändringar.
Med fokus på prestanda och enkelhet användes hovringseffekter i stället för popupfönster eller verktygstips. Det minimalistiska designvalet håller gränssnittet rent och ger samtidigt engagerande visuell återkoppling vid interaktion.
- Optimerad för mobil och dator med proportionell ändring av teckenstorleken
- Administratörsstyrda uppdateringar via en
Shops-databas - Dynamisk länkning till varje butiks sida
- Responsiv layout som anpassas till olika skärmstorlekar
Utvecklingsprocessen omfattade flera iterationer och visuella förbättringar baserade på kundens feedback i realtid. Detta säkerställde att både funktionalitet och visuell precision motsvarade förväntningarna på en förstklassig köpcentrumswebbplats.
Den färdiga versionen finns nu live på: tcaugusts.lv/map
Funderar du på att bygga ett liknande system?
Här är de vanligaste frågorna vi får från kunder som är intresserade av att utveckla interaktiva kartor eller liknande anpassade webbmoduler för köpcentrum, besöksmål eller fastighetsplattformar. Svaren ger dig en tydligare bild av vad som är möjligt, vad som krävs och hur processen fungerar.