PROJEKT

Interaktive Shopkarte für das Einkaufszentrum Augusts

Entwicklung einer interaktiven Shopkarte, Umsetzung eines responsiven Layouts, Integration eines Admin-Panels für dynamische Beschriftungen, Hover-Interaktionen, Technische Beratung

  • Branche: Einzelhandel
  • Lettland Standort: Lettland
  • Umsetzungszeit: 2 Wochen
  • Technologien: Editor X, Wix CMS
  • Bewertung: 5/5
1 Monat

Zusammenfassung

Problem

Das Einkaufszentrum Augusts benötigte eine einfache digitale Möglichkeit, die Standorte der Geschäfte anzuzeigen.

Lösung

2410 entwickelte eine interaktive, responsive Karte mit bearbeitbaren Beschriftungen und Verlinkungen.

Ergebnis

Nutzer können das Einkaufszentrum auf jedem Gerät einfach erkunden, während Aktualisierungen über das Admin-Panel verwaltet werden.

Kundengeschichte

Das Einkaufszentrum Augusts wünschte sich eine einfache, aber moderne Lösung zur Darstellung der Geschäftsstandorte auf seiner Website. Es wurden keine aufwendigen Animationen oder komplexen 3D-Funktionen benötigt - sondern eine klare und praktische Lösung.

Gewünscht war eine leicht navigierbare Shopkarte wie in anderen großen Einkaufszentren, mit sichtbaren Geschäftsnamen, die später ohne erneute Erstellung des Layouts bearbeitet werden können. Mit der Unterstützung von 2410 bot die fertige Karte genau das: einen übersichtlichen Grundriss, klare Beschriftungen und dynamische Verlinkungen - pflegeleicht, mobilfreundlich und visuell passend zur Marke.

Projektübersicht

2410 entwickelte eine interaktive Karte für das Einkaufszentrum Augusts, auf der alle Geschäfte übersichtlich auf einer Etage dargestellt werden. Das Projekt wurde mit Editor X umgesetzt, sodass die Karte auf Desktop- und Mobilgeräten responsiv und intuitiv bleibt.

Die Karte zeigt die Geschäftsnamen dauerhaft an und hebt einzelne Standorte per Hover-Effekt hervor. Beim Anklicken eines Geschäfts werden Nutzer zur jeweiligen Detailseite weitergeleitet. Geschäftsnamen und Schriftgrößen werden über ein eigenes Admin-Panel verwaltet, sodass Aktualisierungen in Echtzeit ohne Unterstützung durch Entwickler möglich sind.

Um die Benutzeroberfläche übersichtlich zu halten, wurden Tooltip-Pop-ups bewusst nicht verwendet. Stattdessen lag der Fokus auf Einfachheit und Klarheit - Nutzer sehen alle wichtigen Informationen auf einen Blick.

Die Lösung wurde iterativ entwickelt und laufend anhand des Kundenfeedbacks getestet. Obwohl eine mögliche Geschenkkarten-Sektion über Octobercms geprüft wurde, wurde diese Phase aufgrund von Backend-Einschränkungen und Budgetvorgaben pausiert.

Das Ergebnis war eine vollständig funktionsfähige, SEO-optimierte Shopkarte, die die Navigation verbesserte und zu einem reibungsloseren digitalen Einkaufserlebnis beitrug.

Der Kunde lobte den iterativen Ansatz, die schnelle Reaktion auf Designänderungen und die Flexibilität des fertigen Produkts. Trotz technischer Herausforderungen in den frühen Phasen entsprach das Endergebnis weitgehend den visuellen und funktionalen Erwartungen. Der Kunde schätzte die administrative Kontrolle über die Textgestaltung und die Liebe zum Detail beim Layout. Das zweite Projekt wurde aufgrund der CMS-Komplexität eingestellt, das erste Projekt wurde jedoch zufriedenstellend abgeschlossen.

- Shopping center "Augusts"

Wichtige gelieferte Funktionen

  • Interaktive 1D-Shopkarte mit 17 beschrifteten Geschäften
  • Hover-Effekte für visuelles Feedback
  • Responsive Schriftgrößen in dynamischen Geschäftsblöcken
  • Dynamische Inhalte über die Admin-Datenbank (Geschäftsnamen, Anpassung der Schriftgrößen)
  • Unterstützung mehrerer Geräte (Desktop, Tablet, Mobilgeräte)

Technologie-Stack

Editor X
Wix CMS
Admin database

Das Ergebnis

Das fertige Ergebnis ist eine elegante, vollständig responsive interaktive Shopkarte für Shopping Center Augusts , nahtlos in die Website des Kunden integriert. Entwickelt nach einem Mobile-First-Ansatz , bietet die Lösung auf allen Geräten ein reibungsloses, intuitives Surferlebnis.

Auf Basis von Editor X ermöglicht die Karte die einfache Navigation durch 17 Geschäfte. Jeder Standort ist klar beschriftet und mit seiner individuellen Geschäftsseite verknüpft. Geschäftsnamen und Schriftgrößen werden dynamisch aus einer verbundenen Admin-Datenbank geladen, wodurch schnelle und unkomplizierte Aktualisierungen möglich sind.

Tipp: Administratoren können Schriftgrößen direkt im CMS über ein numerisches Wertsystem anpassen, was Flexibilität bei künftigen Layoutänderungen bietet.

Mit Blick auf Performance und Einfachheit wurden Hover-Effekte anstelle von Pop-ups oder Tooltips eingesetzt. Diese minimalistische Designentscheidung hält die Oberfläche übersichtlich und bietet zugleich ansprechendes visuelles Feedback bei Interaktionen.

  • Für Mobilgeräte und Desktop optimiert mit proportionaler Anpassung der Schriftgrößen
  • Vom Admin gesteuerte Aktualisierungen über eine Shops database
  • Dynamische Verlinkung zu jeder Geschäftsseite
  • Responsives Layout für unterschiedliche Bildschirmgrößen

Der Entwicklungsprozess umfasste mehrere Iterationen und visuelle Anpassungen auf Basis des Kundenfeedbacks in Echtzeit. So wurde sichergestellt, dass Funktionalität und visuelle Genauigkeit den Erwartungen an eine hochwertige Einkaufszentrum-Website entsprachen.

Die finale Version ist jetzt online unter: tcaugusts.lv/map

Final interactive floor map of Shopping Center Augusts displaying 17 stores with dynamic labeling
Fertige interaktive Etagenkarte des Einkaufszentrums Augusts mit dynamischen Geschäftsbeschriftungen

Sie planen ein ähnliches System?

Hier finden Sie die häufigsten Fragen von Kunden, die interaktive Karten oder ähnliche individuelle Webmodule für Einkaufszentren, Veranstaltungsorte oder Immobilienplattformen entwickeln möchten. Die Antworten vermitteln Ihnen ein klareres Verständnis davon, was möglich ist, benötigt wird und wie der Prozess abläuft.