Eine wegweisende Marke für komplexe Mobilitätssoftware

Eigentlich sollte es nur ein Website-Relaunch werden. Doch schon beim ersten Designentwurf wurde klar: Das eigentliche Problem lag tiefer.

Der ursprüngliche Plan war, direkt ins Webdesign einzusteigen, um den Prozess möglichst schlank zu halten. Beim ersten Entwurf zeigte sich jedoch schnell, dass die Herausforderung nicht im Layout der Website lag – sondern in der Marke selbst.

Über die Jahre hatte sich ein Potpourri aus verschiedenen Design-Einflüssen, Ideen und Stilen entwickelt. Farben, Typografie und visuelle Elemente folgten keiner klaren Systematik. Kurz gesagt: Die Marke fühlte sich eher wie ein kreativer „Frankenstein“ an als wie ein konsistentes SaaS Produkt.

Also haben wir gemeinsam einen Schritt zurück gemacht.

Wir haben die Markenstrategie neu gedacht, Wettbewerber analysiert und eine klare visuelle Grundlage geschaffen. Daraus entstand ein vollständiges Rebranding für das Softwareunternehmen Stadt.Land.Netz.

Die neue Markenidentität umfasst:

• eine neu definierte Farbwelt
• klare Typografie
• ein konsistentes Icon-System
• eine moderne Bildsprache im dokumentarischen Editorial-Stil

Ein zentrales visuelles Element sind abstrahierte Linien und Pfeile, die ein vereinfachtes Straßennetz darstellen. Sie symbolisieren Bewegung, Planung und Vernetzung – genau die Prozesse, die die Software täglich für Städte, Landkreise und Verkehrsunternehmen organisiert.

Bevor also die neue Website entstehen konnte, musste zuerst die Marke entstehen, die sie trägt.

‍

Die Lösungen von Stadt.Land.Netz unterstützen komplexe Prozesse: Schülerbeförderung, Tourenplanung, Genehmigungen, Disposition und Betriebsorganisation.

Entsprechend komplex war auch die Herausforderung für das Webdesign.

Vier Produkte – VIA, NovaHub, myVIA und heyNOVA – mehrere Funktionsbereiche und unterschiedliche Zielgruppen mussten auf einer einzigen Plattform verständlich zusammenfinden.

Die Lösung war eine klare Informationsarchitektur mit mehreren Einstiegspunkten.

Besucher:innen können sich entweder über ihre Nutzergruppe orientieren – etwa Städte, Landkreise oder Verkehrsunternehmen – oder über konkrete Funktionsbereiche wie Planung, Verwaltungsprozesse oder Betriebsorganisation.

Ein wichtiges Gestaltungselement ist dabei die Farbcodierung der Website-Bereiche.

• Produkte und Funktionen bewegen sich im blau-türkisen Bereich
• Nutzergruppen werden über Gelb geführt
• der Wissensbereich nutzt eine violette Farbwelt

So entsteht eine intuitive Orientierung: Schon beim Scrollen wird visuell klar, in welchem Themenbereich man sich gerade befindet.

Das Design selbst bleibt bewusst klar, technisch und strukturiert – passend für eine B2G Software Website. Gleichzeitig sorgen kleine dynamische Details für einen jungen und zugänglichen Charakter.

Beispielsweise werden wichtige Begriffe in Headlines mit einer Marker-Unterstreichung hervorgehoben. Kleine gestalterische Akzente, die der Website Persönlichkeit geben, ohne ihre Professionalität zu verlieren.

‍

Nach Strategie und Design ging es an die technische Umsetzung der neuen SaaS Website.

Die Plattform wurde vollständig in Webflow entwickelt und bewusst modular aufgebaut, damit das Team von Stadt.Land.Netz Inhalte langfristig flexibel erweitern kann.

Heute umfasst die Website:

• über 40 statische Seiten
• mehr als 20 Seitenlayouts
• mehrere miteinander verknüpfte CMS-Strukturen

Besonders wichtig war dabei eine skalierbare Content-Architektur. Inhalte werden häufig nur einmal gepflegt, können aber an verschiedenen Stellen der Website erscheinen.

So lassen sich beispielsweise Erfolgsgeschichten gleichzeitig als Referenzen, Zitate und Content-Elemente nutzen. Der Wissensbereich mit Blog, Glossar und Whitepaper ist vollständig CMS-basiert aufgebaut und unterstützt langfristig die SEO-Strategie.

Auch technisch gab es einige besondere Lösungen.

Ein Beispiel sind die Marker-Unterstreichungen in den Headlines. Klassische SVG-Grafiken skalieren bei unterschiedlichen Wortlängen oft unsauber. Deshalb habe ich eine eigene Lösung entwickelt, die sich dynamisch an Textbreite und Layout anpasst – ohne dass die Markierung verzerrt wirkt.

Das Ergebnis ist eine moderne, skalierbare SaaS Website, die komplexe Software verständlich erklärt und Besucher:innen gezielt zu den wichtigsten Conversion-Punkten führt – etwa zur Demo oder zu einem kurzen Beratungsgespräch.

‍