Entwicklung des Immobilienportals my-sreal.at

• Barrierefreiheit
• Digitalisierung
• Entwicklung
• k25 Case
• UI Design
• UX Testing
• UX/UI
• Web-Applikation
• Web-Portal
• Webdesign

Ein Immobilienportal allein schafft kein Vertrauen. Steckt dahinter aber ein Unternehmen, das in Österreich einer der Top-Immobilienvermittler ist und auf Tausende zufriedene Kund:innen in den vergangenen 5 Jahrzehnten zurückblicken kann, sieht das Projekt deutlich anders aus.

---

Das Portal my-sreal ist nicht nur ein Ort, um Immobilien zu kaufen und zu verkaufen. Im Hintergrund laufen hier sämtliche Services der s REAL zusammen, um den Usern die bestmögliche Erfahrung zu bieten. Mit diesem Auftrag starteten wir 2021 in das Projekt – und betreuen es auch heute noch.

Anforderung und Ziel

Die Anforderung an das Projekt war so simpel wie komplex: einen Prozess digitalisieren. Genauer gesagt: den gesamten Prozess digitalisieren, den Verkäufer:innen und Käufer:innen von Immobilien bei s REAL durchlaufen. Dieser reicht von der Suche und Beauftragung über die Transaktion und Vertragsabwicklung bis zur Phase des After-Sales.

In einer ersten Vorstudie war klar geworden, dass es nicht ausreicht, einfach Teile bestehender Lösungen zu kombinieren. Rasch war klar: Bei my-sreal geht es um digitale Transformation und die komplette Neuordnung bestehender Prozesse. Durch einen Mix aus langjährigen Expert:innen und Innovator:innen im Projektteam wurde von Anfang an auf das Beste zweier Welten gesetzt: Erfahrung mit umfassender Expertise in den Prozessen auf Kundenseite und Innovation durch das Neu-Denken bestehender Strukturen.

Dass dieses komplexe Vorhaben von Erfolg gekrönt war, lag besonders auch an der Schlüsselrolle bei s REAL. Geschäftsführer Michael Molnar hat die Innovation und das notwendige interne Change-Management auf Kundenseite so konsequent und klar vorangetrieben, dass es für uns aus Agentur-Perspektive erst möglich wurde, eine Vielzahl an Ideen und Verbesserungen umzusetzen, die in anderen Organisationen nicht einmal denkbar gewesen wären. Wesentliche Entscheider:innen wurden früh und eng eingebunden, waren stets in den zentralen Punkten involviert, und in den kritischen Phasen wurden klare Management-Entscheidungen getroffen, die uns und unsere Umsetzung beschleunigt haben. Vielleicht hat genau das ein Stück digitale Revolution ermöglicht.

Unser Ziel war also, mit my-sreal einen komplett neuen digitalen Prozess zu schaffen, der nicht nur für die Kund:innen ansprechend ist, sondern auch im Unternehmen angenommen wird. Einige Jahre nach dem Launch lässt sich sagen: Dieses Ziel wurde nicht nur erreicht – es wurde übertroffen. Und das vielleicht sogar wegen der vielen Herausforderungen, die das Projekt für s REAL und uns bei k25 mit sich gebracht hat.

Startschuss und Konkretisierung

Wo startet man bei einem so komplexen Projekt wie einem Immobilienportal? Mit der Vision – einem Zielbild, das man erreichen möchte. Nach ersten Gesprächen im Mai 2021, bei denen wir uns auf Basis der Vorstudie einen ersten Eindruck des Vorhabens verschaffen konnten, kam es im August zum großen Kick-Off-Event „Digitale Vision“. Gemeinsam mit dem Kernteam bei s REAL und allen Umsetzungspartnern, die durch die komplexe interne System-Struktur bei s REAL erforderlich waren, wurden Ziel und Vorgangsweise konkretisiert. Wir entwickelten einen Fahrplan für die nächsten 14 Monate bis zum geplanten Launch einer Version 1.0 von my-sreal im Oktober 2022.

Es folgten 6 Monate, in denen vor allem im digitalen Austausch intensiv gearbeitet wurde – notwendig durch die letzte Hochphase von COVID. In digitalen Strategie-Workshops mit dem Kernteam, die alle 14 Tage stattfanden, wurde aus der Vision ein konkretes Konzept:

• Konkretisierung aller notwendiger Features
• Definition der Abläufe und Prozesse im Portal
• Festlegung des verwendeten Tech-Stacks
• Gestaltung der technischen System-Architektur
• Anforderungsdefinition für das Zusammenspiel externer Systeme
• Design-Exploration

Ende Jänner 2022 präsentierten wir diese ersten Ergebnisse schließlich in einer Strategie-Klausur in Salzburg den Entscheidungsträger:innen bei s REAL.

User Experience, UX-Testing und Design

Wesentlicher Teil der 6 Monate bis zur Strategie-Klausur war die Entwicklung einer Struktur für die Vision. Struktur, die gute User Experience bringt und die Prozesse für Verkäufer:innen, Käufer:innen, Suchende und Makler:innen eindeutig macht. Ausgehend aus der Vorstudie war kundenseitig ein 4-Phasen-Modell vorgegeben, das auf der für s REAL typischen Customer Experience aufbaute und an dem es sich für unsere UX-Designer zu orientieren galt.

Unser erster Schritt war die Erarbeitung eines globalen User Flows, eng verschränkt mit den 4 Phasen, bei dem die grundlegenden Abläufe von my-sreal erfasst wurden.

• Wie bewegen sich User:innen in ihrem Customer Life Cycle durch das Portal?
• Wie sieht der Flow für Käufer:innen und Verkäufer:innen aus?
• Wo liegen Gemeinsamkeiten und Unterschiede zwischen beiden?
• Welche Abläufe sind standardisierbar?
• Wo lassen sich Features organisch integrieren?

Bei UX-Befragungen in dieser Phase wurden das Phasenmodell, gelernte Verhaltensweisen im Bereich der Immobiliensuche und geplante Funktionen analysiert. Die Ergebnisse führten zu teils deutlichen Änderungen – nicht nur in Bezug auf die angedachten Features der Vision, sondern auch im Ablauf und in der Ausgestaltung der Phasen.

Bestätigt wurden auch Annahme und Plan, das Portal „mobile first“ zu gestalten. Eine Entscheidung, die im Nachhinein absolut richtig war und sich in einem deutlichen Überhang mobiler User:innen zeigt, der auch Jahre nach dem Launch weiter wächst. Die hohe User-Erwartung einer Verfügbarkeit als App wurde in dieser Phase noch nicht erfüllt.

Im Fokus stand die bestmögliche Nutzung von my-sreal auf Smartphones. Auch die Gestaltung der Funktionen am Desktop orientieren sich an diesem Grundprinzip, was my-sreal nicht nur zu einem absolut zeitgemäß designten Projekt macht, sondern die Nutzbarkeit auf allen Geräten besser macht – inklusive Tablets.

Mit dem Design von my-sreal haben wir es geschafft, einfache und sehr komplexe Features möglichst userfreundlich zu gestalten. Sowohl im Bereich der UX für die User-Flows als auch im UI-Design konnten wir viel testen und notwendiges Feedback einholen.

Nachdem s REAL die User-Orientierung sehr wichtig war, wurde auch in der Design-Phase auf UX-Testings zurückgegriffen. User-Feedback war also zentral bei der Auswahl von A/B-Varianten der grundlegenden Designs sowie in der Auswahl und Verbesserung einzelner Design-Elemente. Und auch nach dem Launch wird die User-Freundlichkeit ins Zentrum gerückt. So sammeln wir auch in der Weiterentwicklung laufend Inputs von User:innen – sowohl extern als auch s REAL-intern.

Hotline

Bevor es zu technisch wird: wir beraten dich gerne zu deinem Portal-Projekt. Einfach melden – ganz unverbindlich.

Ruf uns an

Schreib uns eine E-Mail

Technologie und Entwicklung

Das Backend des Immobilienportals ist ein ASP.NET Core 8.0 Web API Projekt. Es folgt einer klassischen Schichtenarchitektur mit Controllern, Services und Models, wobei externe Dienste wie JustImmo, SREAL CustomerPortal und PriceHubble über generierte NSwag-Clients angebunden werden. Die Authentifizierung und Autorisierung erfolgt über OpenIddict mit Entity Framework Core und ASP.NET Core Identity, unterstützt durch JWT Bearer Tokens. Ein 2. Faktor mittels SMS Gateway schützt zusätzlich Login & Registrierung. Die Datenbank basiert auf SQL Server via Entity Framework Core mit Migrationsunterstützung, ergänzt durch SQL Server-basiertes Caching.

Die Anwendung ist stark auf Testbarkeit ausgelegt: Docker Compose orchestriert neben der Hauptanwendung auch Abhängigkeiten wie Datenbank, Mock-Server und SMTP. Integrationstests laufen teilweise gegen aufgezeichnete HTTP-Interaktionen, sodass keine Live-Aufrufe an externe APIs nötig sind. Observability wird durch OpenTelemetry mit Console- und OTLP-Exportern gewährleistet. Die Infrastruktur unterstützt Deployment über Bitbucket Pipelines und interne Docker Registrys.

Das Frontend ist eine React 18 Single-Page-Application, die mit Vite gebaut und mit Redux Toolkit für den State-Management sowie React Router für die Navigation ausgestattet ist. Die UI basiert auf Material-UI (MUI) und rsuite, ergänzt durch Chart.js und Recharts für Datenvisualisierung sowie Framer Motion für Animationen. Weitere Bibliotheken wie react-hook-form, axios, dayjs und react-helmet-async decken Formulare, HTTP-Kommunikation, Datumsbehandlung und SEO-Metadaten ab, wobei eine PWA-Fähigkeit über Vite-Plugins bereitgestellt wird.

Herausforderungen und Launch

Durch die vielen verschiedenen externen Systeme, die bei s REAL zum Einsatz kommen, ergab sich eine sehr komplexe Backend-Struktur für my-sreal. Viele externe APIs fließen bei my-sreal zusammen, von wo aus wiederum Informationen mit anderen Anbietern ausgetauscht werden. Bereits bei der Konkretisierung von Features und Prozessen zeigte sich diese Komplexität durch einen hohen Abstimmungsaufwand zwischen den verschiedenen Umsetzungspartnern.

In der Entwicklungsphase wurden dadurch späte Changes an kleinen und großen Funktionen notwendig. Ziel war es, die Flows und Designs zu erhalten, ohne die als userfreundlich getesteten Prozesse zu verändern. Dennoch war es in der sonst sehr erfolgreichen ersten Entwicklungsphase notwendig, mit dem „immo-drive“ als Ablagesystem für digitale Dokumente ein wichtiges Feature in eine zweite Phase nach dem Launch zu schieben.

Doch trotz kleiner Umpriorisierungen wie dieser, fand etwas mehr als 14 Monate nach dem großen Kick-Off-Event der erfolgreiche Launch von my-sreal wie geplant statt. Am 24.10.2022 erfolgte das lang erwartete Deployment. Um 20:42 Uhr konnte Projektleiter Johannes Fisecker schließlich die lang ersehnte E-Mail an das Kern-Team versenden: „WIR SIND LIVE!!!“.

Mit dem pünktlichen Launch des Immobilienportals my-sreal wurde ein intensives und hoch komplexes Projekt erfolgreich auf den Boden gebracht. In der ersten Phase haben bei k25 über 12 Personen in insgesamt 1,5 Jahren daran gearbeitet. Auf Kundenseite waren bei s REAL mindestens genauso viele Personen involviert. Dazu kommen über 20 Freiwillige für UX-Testings und -Befragungen und externe Umsetzungspartner für s REAL.

Doch wie es bei einem erfolgreichen Entwicklungsprojekt ist, war mit dem Launch erst ein Teil der Arbeit erledigt. Es war der Start für die langjährige Weiterentwicklung des Portals.

Weiterentwicklung

Bis heute wird my-sreal laufend weiterentwickelt. Nachdem das Immobilienportal im ersten Jahr bereits von Tausenden User:innen angenommen wurde, werden diese laufend mit neuen Features versorgt und die Services von s REAL laufend verbessert.

So wurden ab 2023 wesentliche Features aus der „Digitalen Vision“ wie das „immo-drive“ ergänzt. Es folgten laufende Optimierungen, ein Update des User Interface im neuen Corporate Design der Erste Group im Jahr 2024 und die Integration des Marktberichtes, mit dem User:innen ihre Immobilien bewerten lassen können.

2025 wurden große Neubauprojekte integriert, es erfolgten noch tiefere Integrationen des Systems für Makler:innen, eine Erneuerung des automatisierten Vormerkservices für an Immobilien Interessierte.

2026 integrierten wir eine Formularstrecke für die Vertragsabwicklung bei Immobilien-Transaktionen. Und durch die komplette Umsetzung der digitalen Barrierefreiheit laut Barrierefreiheitsgesetz konnte my-sreal noch mehr User:innen ohne Hürden zur Verfügung gestellt werden.

Nicht zuletzt durch parallel laufende Marketing-Maßnahmen und Kampagnen bleibt weiterhin garantiert, dass neue User:innen in den Genuss der umfassenden Funktionen von my-sreal kommen – und auch in Zukunft davon profitieren.