Ein gutes Webdesign ist sichtbar. Eine gute Konzeption spürst du. Denn sie sorgt dafür, dass Inhalte, Nutzerführung und Organisation zusammenpassen. Genau das ist unsere Aufgabe bei supseven. Wir führen Projektteams Schritt für Schritt zu einem klaren Konzept, das sich am Ende in einem zeitgemäßen Webdesign zeigt.

Eines dieser Projekte war der Website-Relaunch von wohnpartner Wien. Ein gutes Beispiel dafür, wie durchdachte Webkonzeption Struktur, Effizienz und Akzeptanz in komplexe Projekte bringt.

Besuche die Website von wohnpartner Wien

wohnpartner Wien begleitet Menschen in Wiener Gemeindebauten. Die bestehende Website war inhaltlich reich, aber strukturell über die Jahre gewachsen. Unterschiedliche Zielgruppen, Bewohnerinnen, Bewohner und Fachpublikum, hatten verschiedene Erwartungen. Die Navigation war komplex, die mobile Nutzung nahm zu.

Unser Auftrag bei supseven war klar. Eine Konzeption, die alle Zielgruppen führt und gleichzeitig intern tragfähig bleibt. Wir sollten das Webdesign neu entwickeln, die TYPO3-Implementierung erfolgte hausintern.

Bei supseven startet jedes Projekt mit einem Konzeptionsworkshop. Dabei geht es nicht um Design, sondern um Verständnis. Gemeinsam mit allen Beteiligten klären wir:

• Welche Ziele hat das Projekt wirklich?
• Welche Zielgruppen nutzen die Website und mit welchen Bedürfnissen?
• Welche Strukturen, Module und Funktionen braucht es, um diese Ziele zu erreichen?

Dieser Workshop liefert das Fundament für Informationsarchitektur, Wireframes und den späteren Designprozess. Er ist der Moment, in dem alle Informationen am Tisch liegen und das Projektteam in eine Richtung blickt.

Das Projektteam bestand aus dem wohnpartner-Fachteam, der internen TYPO3-Entwicklung und unserem UX/UI-Team. Wir arbeiteten in wöchentlichen fixen Terminen. Das waren keine Präsentationen, sondern echte Arbeitssitzungen. Jede Woche gab es sichtbare Fortschritte. So konnte sich das gesamte Team laufend einbringen und das Projekt aktiv und transparent mitgestalten.

Basierend auf den Workshop-Ergebnissen erstellten wir responsive Wireframes für alle Schlüsseltemplates: Startseite, Bereichseinstieg, News, Events, Kontakt und Suche. Auf dieser Basis entstand das Webdesign, das die bestehende Corporate Identity von wohnpartner modern interpretiert und für unterschiedliche Auflösungen bzw. Endgeräte optimiert ist.

Wir achteten auf klare Orientierung, barrierefreie Gestaltung und auf relevante Strukturen für Suchmaschinen- und KI-Systeme (SEO/GEO): Kontraste, Schriftgrößen, semantische Überschriften und vieles mehr.

Im Mittelpunkt der Konzeption standen die funktionalen und inhaltlichen Anforderungen, die Nutzerfreundlichkeit und die interne Redaktionsarbeit gleichermaßen unterstützen. Die wichtigsten Schwerpunkte waren:

• Klarer Navigationsaufbau
  Die Navigation wurde neu strukturiert, um Benutzerinnen und Benutzer gezielt zu führen. Bewohnerinnen finden rasch Hilfe und Angebote, während Fachpublikum einfach zu Informationen und Materialien gelangt.
• Optimierung des Eventbereichs
  Veranstaltungen sind jetzt übersichtlich nach Ort, Thema und Datum filterbar. Das erleichtert die Planung und Teilnahme und stärkt die Sichtbarkeit lokaler Aktivitäten.
• Verbesserte Suchfunktion
  Eine facettierte Suche mit Autovervollständigung hilft Nutzerinnen, relevante Inhalte schnell zu finden. Dadurch reduziert sich die Absprungrate und die Nutzungstiefe steigt.
• Vielfältige Kontaktmöglichkeiten
  Ob über Grätzl, Kontaktpersonen oder Themenbereiche. Nutzerinnen können auf unterschiedlichen Wegen mit wohnpartner in Kontakt treten. Das schafft Nähe und fördert Vertrauen.

Das Feedback spricht für sich. Bewohnerinnen finden heute schneller Hilfe, Termine und Ansprechpartner. Fachpublikum gelangt mit wenigen Klicks zu Methoden und Materialien. Die interne Redaktion profitiert von klaren Templates und einer nachvollziehbaren Inhaltsstruktur.

Das Projektteam blieb von Anfang bis Ende eingebunden. Das Ergebnis ist deshalb nicht nur visuell stark, sondern voll akzeptiert und nachhaltig wartbar.

Wenn du eine B2B- oder öffentliche Website neu denken willst, dann nimm dir ein Beispiel an wohnpartner Wien. 

Gute Konzeption heißt:

• Alle Meinungen werden gehört, aber entlang eines Leitfadens geführt.
• Entscheidungen beruhen auf Nutzerbedürfnissen, nicht auf Geschmack.
• Das Webdesign folgt der Struktur, nicht umgekehrt.
• Barrierefreiheit, Suchmaschinen- und KI-Optimierung beginnen in der Konzeption.

• Wie läuft ein Konzeptionsworkshop ab?
  Wir starten mit einem klaren Leitfaden. In einem halbtägigen Workshop definieren wir Ziele, Zielgruppen, Navigation und Inhalte. Das Ergebnis ist eine Informationsarchitektur, auf der dein Design und deine Entwicklung sicher aufbauen können.
   
• Wie lange dauert der gesamte Konzeptionsprozess?
  Je nach Größe und Komplexität dauert die Konzeption inklusive Workshops, Wireframes und Abstimmungen meist zwischen zwei und vier Wochen.
   
• Kann meine interne IT oder Agentur danach selbst weiterarbeiten?
  Ja. Wir übergeben alle Ergebnisse in Figma. Dadurch kann deine interne TYPO3-Entwicklung oder ein externer Partner nahtlos übernehmen.
   
• Wie wird Barrierefreiheit berücksichtigt?
  Schon in der Konzeption achten wir auf Kontraste, Schriftgrößen, Leseführung und semantischen Aufbau. So entsteht ein Fundament, das WCAG-konform umgesetzt werden kann.
   
• Was ist der Unterschied zwischen Webkonzeption und Webdesign?
  Konzeption bedeutet, Struktur und Inhalt festzulegen, also die Grundlage für ein Webdesign zu schaffen. Erst danach folgt das visuelle Webdesign, das diese Struktur erlebbar macht.

Dieser Artikel wurde von Attila János (Inhaber TYPO3 Webagentur supseven) mit KI-Unterstützung erstellt.