ALT UND NEU ZUGLEICH
Die geschichtsträchtige Stadt ist Teil des UNESCO-Welterbes und beherbergt 150.000 Menschen. Regensburg investiert in Nachhaltigkeitsprojekte, um grün, gerecht, produktiv und damit lebenswert zu bleiben. Dafür nimmt sie eine Vorreiterrolle in der Digitalisierung ein und verbindet damit Alt und Neu.
Im Zuge der Modernisierung der Website entwickelten wir ein mehrschichtiges UX-Konzept, um die bestehende Seite schrittweise zu modernisieren. Ohne dass die Onlineredaktion die Inhalte der Seite komplett neu einpflegen musste. Das Corporate Design der Stadt ist uns hinreichend bekannt, denn wir hatten es mit dem Logo-Relaunch für die Stadt mitentwickelt.
Stadt Regensburg Kommunale Verwaltung
Unsere Leistungen Workshops & Schulungen, UI/UX Design, Design-System, TYPO3 Website
Das System ist komponentenbasiert und responsiv, sodass alle Elemente auf verschiedenen Geräten optimal dargestellt werden. Ein klares Farbschema und eine abgestimmte Typografie sorgen für ein einheitliches Erscheinungsbild. Wir haben die Barrierefreiheitsstandards konsequent umgesetzt, um eine zugängliche Website für alle Nutzer*innen zu schaffen. Durch Design Tokens ist das Layout flexibel und skalierbar, während Interaktionsdesign und Mikro-Interaktionen die Benutzerfreundlichkeit steigern. Eine umfangreiche Dokumentation und die Integration in moderne Design-Tools erleichtern die Wartung und Weiterentwicklung der Seite.
Um die neue Website der Stadt Regensburg von Grund auf nutzerfreundlich und strukturiert zu gestalten, haben wir vor der Designphase einen durchdachten Konzeptionsprozess durchlaufen. In der ersten Phase entwickelten wir Blockframes, die den Aufbau und die Schwerpunkte der Seite definierten und eine klare Basis schufen. Anschließend wurden diese in Wireframes ausgearbeitet, die das zukünftige Nutzererlebnis detailliert abbildeten und die intuitive Navigation der Inhalte sicherten. Diese fundierte Vorgehensweise ermöglichte uns, eine Website zu gestalten, die Funktionalität und Ästhetik optimal vereint und den Nutzern ein modernes und nahtloses Erlebnis bietet.
Das neue Design hebt sich deutlich vom Vorgänger ab und setzt frische Akzente in Sachen Benutzererlebnis und Ästhetik. Mit großflächigen Elementen und ansprechendem Magazincharakter lädt die Seite nun mehr denn je zum Stöbern und Entdecken ein. Besonders städtische Services stehen jetzt im Fokus und sind für die Nutzer*innen intuitiv erreichbar. Die mobile Optimierung wurde noch weiter verbessert, sodass die Seite auch unterwegs eine erstklassige Darstellung und Benutzerfreundlichkeit bietet. Insgesamt präsentiert sich die Website in einem modernen Design, das sowohl visuell anspricht als auch klare Klickreize setzt. So wird die Website zu einer Plattform, die den Nutzer*innen das digitale Angebot der Stadt einfach und attraktiv zugänglich macht.
Für die neue Website haben wir moderne HTML/CSS-Templates entwickelt und zur CMS-Implementierung an die Stadt übergeben. Unser Schwerpunkt lag dabei auf einem schlanken und effizienten Code, der die Basis für dynamisch eingebundene Inhalte aus dem Content-Management-System der Stadt bildet. Besonders herausfordernd war das umfangreiche Menü mit mehreren Hierarchieebenen – hier sorgen dynamisches Nachladen und optimiertes Caching für kurze Ladezeiten und ein flüssiges Nutzererlebnis. Dank unserer technischen Optimierungen konnte die Seite im Lighthouse-Test signifikante Verbesserungen in den Bereichen Performance, Accessibility, Best Practices und SEO erzielen. Dies haben wir erreicht durch stark reduziertes CSS, responsive Bilder und die Erneuerung alter Skripte. Mit vielseitigen Vorlagen geschaffen für flexible Inhalte ist die Website nun bestens für aktuelle und zukünftige Anforderungen gerüstet und entspricht den neuesten Webstandards.
„Unsere vertrauensvolle Zusammenarbeit mit der Stadt Regensburg hat es ermöglicht, eine Webseite zu schaffen, die sowohl bei den Bürgern als auch bei den Redakteuren großen Anklang findet. Der fachliche Austausch war dabei der Schlüssel zu einer modernen, benutzerfreundlichen Lösung.“
