Eine wegweisende Marke für komplexe Mobilitätssoftware

Eigentlich sind wir direkt ins Webdesign gestartet.

Die Basis war da: eine starke Software, klare Ziele und eine Vision, die weit über einen klassischen Website-Relaunch hinausging. Stadt.Land.Netz wollte komplexe Prozesse rund um Mobilität und Verwaltung digital einfacher und verständlicher machen.

Und genau das sollte sich auch in der neuen Website widerspiegeln.

Der erste Entwurf war entsprechend modern, klar und bewusst etwas anders gedacht als typische SaaS Websites. Ein Design, das auffällt und im Kopf bleibt.

Und trotzdem hat sich im Prozess gezeigt:
Die Marke hat diese Vision noch nicht vollständig getragen.

Nicht, weil etwas gefehlt hat – sondern weil das Unternehmen längst weiter war als seine bisherige Außendarstellung.

Die Vision war größer.

Also haben wir bewusst einen Schritt zurück gemacht. Nicht, um etwas zu korrigieren, sondern um die Grundlage zu schaffen, die dieses Wachstum wirklich abbilden kann.

Gemeinsam haben wir die Marke neu gedacht, geschärft und ausgerichtet.

Es entstand eine klare visuelle und strategische Basis:

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

Ein zentrales Element dabei: abstrahierte Linien und Pfeile, die ein vereinfachtes Straßennetz darstellen. Sie stehen für Bewegung, Planung und Vernetzung – und übersetzen die Komplexität der Software in eine verständliche visuelle Sprache.

Das Ergebnis ist mehr als ein Rebranding.

Es ist eine Marke, die die Vision trägt – und die Grundlage für alles, was darauf folgt.

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.