PROJEKT

Interaktivt butikskort til shoppingcentret Augusts

Udvikling af interaktivt butikskort, Implementering af responsivt layout, Integration af administrationspanel til dynamisk navngivning, Hover-effekter til interaktion, Teknisk rådgivning

  • Branche: Detailhandel
  • Letland Lokation: Letland
  • Leveringstid: 2 uger
  • Teknologier: Editor X, Wix CMS
  • Bedømmelse: 5/5
1 måned

Opsummering

Problem

Shopping Center Augusts havde brug for en enkel digital måde at vise butikkernes placeringer på.

Løsning

2410 udviklede et interaktivt, responsivt kort med redigerbare betegnelser og links.

Resultat

Brugerne kan nemt udforske centret på alle enheder, og opdateringer administreres via et administrationspanel.

Kundens historie

Shopping Center Augusts ønskede en enkel, men moderne løsning til at vise butikkernes placeringer på deres website. De havde ikke brug for flotte animationer eller komplekse 3D-funktioner - blot noget rent og praktisk.

De forestillede sig et let navigerbart butikskort som i andre store shoppingcentre, med synlige butiksnavne, der senere kunne redigeres uden at skulle genopbygge layoutet. Med 2410's vejledning tilbød det færdige kort netop dette: en overskuelig plantegning, tydelige betegnelser og dynamiske links - nemt at vedligeholde, mobilvenligt og visuelt tilpasset deres brand.

Projektoversigt

2410 udviklede et interaktivt kort til Shopping Center Augusts, designet til at præsentere alle butikslokationer i en overskuelig plan med én etage. Projektet blev implementeret i Editor X, så kortet forblev responsivt og intuitivt på desktop og mobile enheder.

Kortet viser butiksnavne permanent og har hover-effekter, der fremhæver de enkelte lokationer. Når man klikker på en butik, omdirigeres brugeren til den pågældende butiks detaljeside. Butiksnavne og skriftstørrelser administreres via et dedikeret administrationspanel, så de nemt kan opdateres i realtid uden hjælp fra en udvikler.

For at holde brugerfladen overskuelig blev tooltip-popups bevidst udeladt. I stedet var fokus på enkelhed og klarhed - brugerne kan se alle vigtige oplysninger med et blik.

Løsningen blev udviklet og testet iterativt med løbende feedback fra kunden. Selvom en mulig gavekortsektion via Octobercms blev undersøgt, blev det besluttet at sætte denne fase på pause på grund af begrænsninger i backend og budgettet.

Det endelige resultat var et fuldt funktionelt, SEO-optimeret butikskort, der forbedrede brugernes navigation og bidrog til en mere gnidningsfri digital shoppingoplevelse.

Kunden roste den iterative tilgang, den hurtige reaktion på designændringer og det færdige produkts fleksibilitet. Trods tekniske udfordringer i de tidlige faser matchede det endelige resultat i høj grad de visuelle og funktionelle forventninger. Kunden satte pris på administrationskontrollen over tekstformateringen og opmærksomheden på layoutdetaljer. Det andet projekt blev droppet på grund af CMS-kompleksitet, men det første projekt blev afsluttet med tilfredshed.

- Shopping center "Augusts"

Vigtigste leverede funktioner

  • Interaktivt 1D-butikskort med 17 navngivne butikker
  • Hover-effekter til visuel feedback
  • Responsiv skriftstørrelse i dynamiske butiksfelter
  • Dynamisk indhold via administrativ database (butiksnavne, justering af skriftstørrelser)
  • Understøttelse af flere enheder (desktop, tablet, mobil)

Teknologier

Editor X
Wix CMS
Admin database

Resultatet

Det endelige resultat er et stilrent, fuldt responsivt interaktivt butikskort til Shopping Center Augusts , problemfrit integreret på kundens website. Løsningen er designet med en mobil-først-tilgang , der giver en smidig og intuitiv browseroplevelse på alle enheder.

Bygget i Editor X , gør kortet det nemt for brugerne at navigere blandt 17 butikker, hvor hver lokation er tydeligt navngivet og linket til sin egen butiksside. Butiksnavne og skriftstørrelser hentes dynamisk fra en tilknyttet administrativ database, hvilket sikrer hurtige og enkle opdateringer.

Tip: Administratorer kan justere skriftstørrelser direkte i CMS'et ved hjælp af numeriske værdier, hvilket gør løsningen fleksibel ved fremtidige layoutændringer.

Med fokus på ydeevne og enkelhed blev hover-effekter brugt i stedet for popups eller tooltips. Dette minimalistiske designvalg holder brugerfladen ren og giver samtidig engagerende visuel feedback ved interaktion.

  • Optimeret til mobil og desktop med proportional ændring af skriftstørrelsen
  • Administratorkontrollerede opdateringer via en Shops database
  • Dynamisk linking til hver butiks side
  • Responsivt layout, der tilpasser sig forskellige skærmstørrelser

Udviklingsprocessen omfattede flere iterationer og visuelle justeringer baseret på kundens feedback i realtid. Det sikrede, at både funktionalitet og visuel præcision levede op til forventningerne til et førsteklasses shoppingcenter-website.

Den endelige version er nu live på: tcaugusts.lv/map

Final interactive floor map of Shopping Center Augusts displaying 17 stores with dynamic labeling
Det færdige interaktive etagekort over Shopping Center Augusts med dynamiske butiksbetegnelser

Overvejer du at bygge et lignende system?

Her er de mest almindelige spørgsmål, vi får fra kunder, der er interesserede i at udvikle interaktive kort eller lignende specialbyggede webmoduler til shoppingcentre, steder eller ejendomsplatforme. Svarene giver dig en klarere forståelse af, hvad der er muligt, hvad der kræves, og hvordan processen fungerer.