hwg Website-Relaunch

Vom Staubfänger zur modernen Website

Der erfolgreiche Relaunch für hwg mit übersichtlicher Struktur und einfacher Pflege.

Jahr
  • 2021 bis heute
Sektor
  • Immobilien
Herausforderung
Technologien
  • Statamic
  • Tailwind
  • NextJS
Unsere Rolle
  • UX/UI-Design
  • Webentwicklung
  • Content-Beratung

Herausforderung

Relaunch einer mobil-optimierten Website mit starker Kundenorientierung, die einfacher zu pflegen sein soll und auf der relevante Inhalte schneller gefunden werden sollen.

Lösung

Mit Hilfe eines agilen Workshops zu Beginn des Projekts wurden die genauen Wünsche und Vorstellungen unseres Kunden erfasst. Die dabei entdeckten Schwachstellen der bisherigen Website wurden durch eine konsequente Veränderung der Seitenstruktur, die Umsetzung eines neues Content-Management-Systems zur leichteren Bedienbarkeit sowie die verstärkte Sichtbarkeit des Corporate Designs beseitigt.

Unser Interview mit HWG

  • Problemschilderung

  • Betreuung

  • Lösungsfindung

  • Effizienzsteigerung

Um wen geht’s?

Die hwg eG ist die größte Wohnungsgenossenschaft im Ennepe-Ruhr-Kreis und seit über 120 Jahren für ihre mittlerweile über 5000 Mitglieder:innen da. Die hwg möchte Menschen mit Wohnraum versorgen, der bezahlbar und modern ist. Zu ihrem Angebot gehören öffentlich geförderte Wohnungen, günstige Wohnungen für junge Menschen und top modernisierte Stadtrandwohnungen für Singles, Senior:innen und Familien.

Klingt ja alles sehr modern!

Doch leider spiegelte sich dies nicht in ihrer Website wider …

Aus alt mach neu: Ein neuer Look für die hwg

Der Auftrag an uns:

„Wir brauchen ein neues Gesicht!“

Okay, schön und gut.

Da wir aber keine Schönheitschirurg:innen sind, sondern Webentwickler:innen, geht es natürlich um eine neue Website.

Um einen Website-Relaunch.

Für den absoluten Glow.

Somit sind wir doch irgendwie auch Schönheitschirurg:innen.

Was war also die Ausgangslage?

Die bisherige Website war eine nicht mobil-orientierte TYPO3-Seite, die schlecht gepflegt und insgesamt einfach sehr unstrukturiert war.

TYPO3 war früher in den 90ern ein sehr beliebtes CMS.

Es ist zwar nach wie vor noch ein mächtiges Content-Management-System, jedoch ist es heutzutage meist und oft zu Recht nicht mehr die erste Wahl.

Durch die vorhandene Seitenstruktur war ein verständlicher Aufbau der Inhalte unmöglich.

Zudem fehlten viele Komponenten oder waren schlichtweg mit dem bisherigen CMS kaum zu bearbeiten.

Benutzerfreundlichkeit? Fehlanzeige!

Der Wunsch der hwg war somit klar:

Eine mobil-optimierte Website mit starker Kundenorientierung, die einfacher zu pflegen ist und auf der relevante Inhalte schneller gefunden werden sollen.

Schritt für Schritt zum Ziel

Bevor es aber ans Skalpell ging, war natürlich eine entsprechende Vorbereitung des Patienten nötig.

Zuerst benötigen wir die Antworten auf folgende Fragen:

Wer ist die genaue Zielgruppe?

Gibt es bereits ein Corporate Design, welches wir nutzen können?

Was soll beibehalten werden und was kann weg?

Denn nur, wenn wir die Vorstellungen unseres Kunden genau kennen, können wir auch zielorientiert arbeiten.

Und da wir kreatives Arbeiten lieben, entschieden wir uns für einen agilen Workshop mit dem hwg-Team, um einen genaueren Einblick in das Unternehmen und das Projekt zu erhalten.

Hier wurde besonders deutlich, dass die Wohnungssuche das größte Optimierungspotenzial lieferte.

Zur Erklärung: Mit der Wohnungssuche können Interessenten auf der Website nach vorhandenen freien Wohnungen suchen.

Diese sollte demnach als Erstes umgesetzt werden.

Durch eine Schnittstelle zu Immobilienscout24 können freie Wohnungen auf Immobilienscout24 inseriert werden, gleichzeitig taucht diese Wohnung auch in der Wohnungssuche auf der hwg-Website auf.

Besonderer Clou: hwg-Mitglieder:innen können sich per Mail automatisch benachrichtigen lassen, sobald eine Wohnung freigeworden ist.

Im Rahmen eines Design-Sprints wurde für die hwg-Wohnungssuche ein Prototyp mit dem Designtool Figma erstellt, auf dessen Basis dann die Umsetzung stattfand.

Im zweiten Step wurde dann die Website mit Wireframes und Layouts neu strukturiert und gestaltet.

Dabei fanden wir das bestehende Corporate Design bereits super.

Es fehlte allerdings an der konsequenten Umsetzung, um ein einheitliches Bild zu schaffen.

Das positive Image sollte weiter unterstrichen werden.

Gesagt, getan.

Die Seitenstruktur wurde angepasst und für die persönliche Ansprache ein Blog integriert.

Die größte Schwäche der bisherigen Website lag in der Contentpflege.

Also: Auf Wiedersehen TYPO3-CMS.

Her mit einem neuen Content-Management-System (CMS).

Hier entschieden wir uns für Statamic, ein CMS, welches die maximale gestalterische Flexibilität für das Frontend bietet.

Und gleichzeitig für Redakteur:innen leicht zu bedienen ist.

Fazit zur gemeinsamen Zusammenarbeit

  • Der Weg zu VOLL

  • Zusammenarbeit während des Projekts

  • Feedback

Probieren geht über Studieren

So, alles fertig, oder?

Nicht ganz.

Bevor eine Website wirklich online geht, testen wir sie natürlich nochmal.

Also war das gesamte VOLL-Team gefragt.

Ob Marketing-, Design- oder Entwickler-Mensch – jede:r testete die Website auf ihre Bedienbarkeit und so wurden noch die letzten Wehwehchen ausgemerzt.

Und dann konnte die Seite online gehen.

Mit vollem Erfolg auch für unseren Kunden.

  • Foto von Nina Jäger
    Nina JägerUnternehmenskommunikation bei hwg eG

    „Die Bedienbarkeit der neuen Wohnungssuche kommt einfach super an – besonders unsere Mitarbeiter im Kundencenter betonen immer wieder, wie viel schlanker die Prozesse jetzt gestaltet sind: Wir vermeiden einen absoluten Informationsverlust und die Prozesse sind insgesamt schlanker. Dadurch ist garantiert, dass immer der richtige Ansprechpartner benannt und auch direkt kontaktiert wird. Das ist ein Mehrwert, den wir uns nicht besser hätten wünschen können.“

Fazit

Wir lieben zufriedene Kunden.

Viele Kunden haben am Anfang vielleicht eine gewisse Vorstellung oder Idee, wissen aber gar nicht, was sie genau brauchen.

Was der Kunde genau benötigt, finden wir gemeinsam heraus.

In diesem Fall war es ein Workshop, der die Schwachstellen aufdeckte und die Erwartungen des Kunden verdeutlichte.

So konnten wir ziel- und bedürfnisorientiert arbeiten – mit dem Ergebnis einer mobil-optimierten Website, die den Wünschen unseres Kunden komplett entsprach.

  • SandraDesignerin bei VOLL

    „Der Kunde wäre jeden Weg mit uns gegangen: Farben, Logo, alles neu. Aber das war gar nicht nötig. Anstatt komplett bei null anzufangen, konnten wir auf dem aufbauen, was schon vorhanden war und uns so auf die Feinheiten konzentrieren. Diese Ehrlichkeit hat hwg sehr geschätzt.“

Mal braucht es nur hier und da ein paar kleine Schnitte, und mal ein komplettes Facelift.

Ein guter Chirurg, Pardon, eine gute Agentur handelt also immer im Sinne ihres Kunden.

Wie VOLL helfen konnte

  • Digitale Präsenz, die mobil-optimiert ist und das moderne Image des Unternehmens widerspiegelt

  • Das intuitive CMS für leichte Bedienbarkeit und einfache, unkomplizierte Pflege der Inhalte

  • Die persönliche Ansprache zu Kundinnen und Kunden mit Integrierung eines Blogs

  • Verschlankung der Prozesse und Vermeidung von Informationsverlust

Neugierig geworden?

Wir sind nicht einfach eine Agentur. Wir sind euer Partner.

Bei VOLL haben wir über 16 Jahre Erfahrung im Bereich Individualentwicklung sowie bei der Implementierung von technischen Web- und SEO-Strategien, die die Lead-Generierung und das Ranking von Webseiten stärken.

Solltet ihr Hilfe bei der Umsetzung eurer digitalen Projekte benötigen, setzt euch einfach mit uns in Verbindung und vereinbart einen kostenlosen Beratungstermin.

Kostenlosen Beratungstermin vereinbaren