Modernes Design für eine historische Stadt
Die Herausforderung: Städtische Services sollten intuitiver erreichbar sein. Die umfangreichen Inhalte neu einzupflegen, kam für die Onlineredaktion aber nicht infrage.
Unsere Lösung: Mit einem mehrschichtigen UX-Konzept und einem Design-System erneuerten wir die bestehende Seite Schritt für Schritt. Das Corporate Design der Stadt kannten wir gut, denn wir hatten es beim Logo-Relaunch mitentwickelt.
Der Erfolg: Die Inhalte sind geblieben, die Oberfläche ist neu, und das zahlt sich messbar aus: Lighthouse bescheinigt der Seite bessere Werte bei Performance, Accessibility, Best Practices und SEO. Flexible Vorlagen sorgen dafür, dass neue Inhalte ihren Platz finden, ohne dass jemand umbauen muss.
Stadt Regensburg Städtische und kommunale Verwaltung
Unsere Leistungen Workshops & Schulungen, UX/UI-Design, Design-System, Website, Individualentwicklung, Support & Wartung, SEO & GEO
NEUES DESIGN-SYSTEM FÜR REGENSBURG
Ob Button, Kachel oder Menü: Jedes Element ist eine Komponente mit festen Regeln und passt sich responsiv dem Bildschirm an, auf dem es gerade erscheint. Das klare Farbschema, Schriften und Abstände stecken in Design-Tokens, sodass ein geänderter Wert auf der ganzen Seite wirkt und das Erscheinungsbild einheitlich bleibt. Die Standards für Barrierefreiheit haben wir konsequent umgesetzt, damit wirklich alle die Website nutzen können. Mikrointeraktionen zeigen beim Klicken, was gerade passiert. Und wer später weiterbaut, findet alles in der Dokumentation und direkt in modernen Design-Tools.
Von Blockframes zu Wireframes: So entstand das Gerüst
Damit die neue Website der Stadt Regensburg von Grund auf nutzerfreundlich und klar strukturiert ist, begann die Arbeit nicht mit Farben, sondern mit einem Konzept. Zuerst zeigten Blockframes, welche Inhalte wo stehen und was Gewicht bekommt. Wireframes bildeten danach das künftige Nutzererlebnis im Detail ab und beantworteten Fragen wie: Wie kommt jemand von der Startseite zum gesuchten Service? Erst als diese Wege saßen, startete das Design. So folgt der Aufbau der Seite heute dem, was die Menschen dort suchen.
Im Fokus: Service und Erlebnis
Das neue Design setzt sich klar vom Vorgänger ab: Großflächige Elemente und ein Magazin-Charakter laden zum Stöbern ein, während die Onlinedienste der Stadt an prominenter Stelle stehen und klare Klickreize direkt zu ihnen führen. Auf dem Smartphone funktioniert die Seite jetzt noch besser als zuvor. So wird das digitale Angebot der Stadt einfach und attraktiv zugänglich.
Mehr Performance, weniger Ladezeit
Für die neue Website entwickelten wir moderne HTML/CSS-Templates und übergaben sie der Stadt, die sie in ihr Content-Management-System eingebaut hat. Im Mittelpunkt stand schlanker, effizienter Code, auf dem die dynamisch eingebundenen Inhalte aus dem CMS aufsetzen. Besonders anspruchsvoll war das umfangreiche Menü mit mehreren Hierarchieebenen: Hier sorgen dynamisches Nachladen und optimiertes Caching dafür, dass die Seite schnell reagiert und sich flüssig bedienen lässt. Dazu kommen stark reduziertes CSS, responsive Bilder und erneuerte Skripte, mit denen die Website den aktuellen Webstandards entspricht.
Boris Janda, Geschäftsführer, Janda+Roscher
Unsere vertrauensvolle Zusammenarbeit mit der Stadt Regensburg hat es ermöglicht, eine Website zu schaffen, die sowohl bei den Bürgerinnen und Bürgern als auch bei der Onlineredaktion großen Anklang findet. Der fachliche Austausch war dabei der Schlüssel zu einer modernen, benutzerfreundlichen Lösung.
