UX/UI Design

Kollitsch Gruppe

[Scrollen]

1. Entdecken

Ausgangslage

Die Kollitsch Gruppe ist ein integriertes Unternehmen mit Sitz in Klagenfurt, das in den Bereichen Immobilienentwicklung, Architektur und Bau tätig ist. Bekannt für innovative Großprojekte, prägt die Gruppe urbane und regionale Lebensräume maßgeblich mit. Jede Sparte arbeitet hoch spezialisiert, aber unter einer gemeinsamen Marke.

Im Branding-Prozess haben wir dem Unternehmen den Archetyp des Magiers zugeordnet, der für Innovation und Wandel steht. Jede Sparte baut auf diesem Fundament auf und bringt zusätzlich eigene archetypische Züge ein:

  • Immobilien: Der Liebende + Der Magier

  • Bau: Der Jedermann + Der Magier

  • Architektur: Der Schöpfer + Der Magier

So sichtbar ihre Bauten auch waren, ihr digitaler Auftritt war veraltet. Der Website fehlten Struktur und emotionale Wirkung, und sie schaffte es nicht, die Kernsparten des Unternehmens voneinander abzugrenzen.

Research

– Usability-Tests (alte Website)

– Nutzerverhalten (alte Website - Google Analytics)

– Wettbewerbs-Benchmarking (österreichischer Markt)

– Stakeholder-Interviews

Wichtigste Erkenntnisse

– Verwirrung durch die Spartenstruktur

– Detaillierte Projektseiten schwer erreichbar

– Hohe Absprungrate auf der Landing Page

2. Definieren

Problem

Die bisherige Website hatte folgende Schwächen:

– Austauschbare Bildsprache, kein Premium-Auftritt

– Schwache visuelle Navigation zwischen den Sparten

– Keine überzeugende Story für hochwertige Immobilien

– Keine SEO-Optimierung

– Hohe Absprungrate auf der Landing Page

Ziele

– Die innovative, mutige Positionierung widerspiegeln

– Jede Sparte visuell durch Farbe in der Sidebar-Navigation abgrenzen

– Ein reichhaltiges Portfolio-Erlebnis schaffen

– Die Immobiliensuche mit einer modernen Such-UX unterstützen

– Animationen elegant und zielgerichtet gestalten

– Animationen mit reibungsloser Usability in Balance bringen

3. Entwickeln

User Personas

Familie

Namen: Lukas & Anna M., 28 & 26
Wohnort: Villach, Österreich
Kinder: Ein Kind, 8 Monate
Beruf: Lukas ist Softwareentwickler, Anna ist Volksschullehrerin
Sucht: Ein modernes, familienfreundliches Zuhause mit langfristigem Wert

Verhalten

– Recherchiert Immobilien abends und am Wochenende

– Vergleicht Wohngegenden nach Schulen, Sicherheit und Grünflächen

– Bevorzugt eine klare Navigation und schnellen Zugriff auf die wichtigsten Infos (Grundrisse, Lage, Preise)

– Nutzt Desktop und Tablet, oft gemeinsam

Bedürfnisse

– Verlässliche Informationen zum Bauablauf und Zeitplan

– Bilder von familienfreundlicher Ausstattung und Innenräumen

– Einfache Kontaktaufnahme oder Terminbuchung für Besichtigungen

– Ein Gefühl von Sicherheit, Qualität und langfristigem Anlagewert

User Journey Map

Wir haben eine Journey Map erstellt, die sich auf Fabians Erfahrung konzentriert.

Wireframes

4. Umsetzen

UI Design

In dieser Phase entsteht ein statisches High-Fidelity-Design der Website, basierend auf den Erkenntnissen aus den vorherigen Phasen.

Alle zentralen Seiten werden in der finalen Bildsprache gestaltet, mit Typografie, Farbpalette, Icons und Bildwelt sowie allen nötigen Interface-Komponenten.

Erste Prototyp-Tests zeigten, dass Nutzer die ausklappbare Navigation übersprangen. Auf Basis dieses Feedbacks haben wir die Interaktion zu einem dauerhaft sichtbaren Sidebar-Menü umgebaut, wodurch die Bereiche leichter auffindbar wurden und weniger Nutzer auf Unterseiten abgesprungen sind.

Übergabe

Nach der finalen Freigabe durch den Kunden fand ein Meeting mit dem Entwicklungsteam statt, um das Verhalten des Designs zu erklären und ein gemeinsames Verständnis der Funktionalität sicherzustellen. Alle nötigen Assets und Dateien wurden für die Umsetzung übergeben.

Während des gesamten Prozesses war der Kunde aktiv eingebunden und gab in jeder Phase Feedback und Freigaben, damit das Endprodukt seinen Erwartungen entsprach.

Ergebnis

– Die Markenidentität spiegelt sich jetzt auch online wider

– Besucher verbringen 30 % mehr Zeit pro Session

– Mehr Anfragen

– Stärkeres Storytelling regt zum Entdecken der Immobilien an

Das Ergebnis
Eine Website, die die Bauten von Kollitsch widerspiegelt: selbstbewusst, klar und auf leise Art magisch.

Bonus
Nachdem Kollitsch die neue Markenidentität und die Website gelauncht hatte, meldete sich mit Wohnwelt Immobilien ein weiteres Immobilienunternehmen aus dem Raum Klagenfurt bei uns und fragte nach einem Rebranding.

Reflexion

Eine markengetriebene, auf Archetypen aufbauende UX zu entwickeln hat uns gelehrt, dass sich Usability selbstverständlich anfühlen muss. Das war nicht bloß ein digitales Update, sondern ein Meilenstein für die Identität der Kollitsch Gruppe.

Auch wenn der Launch in Sachen Nutzerinteraktion und Geschäftsergebnisse ein Erfolg war, lief nicht alles nach Plan. Wegen einer knappen Deadline, die durch eine angesetzte Pressekonferenz vorgegeben war, musste die Entwicklungsphase im Eiltempo erfolgen. Dadurch fehlte dem Kunden vor dem Launch die Zeit für eine gründliche Qualitätssicherung.

Das führte zu einigen kleineren Design-Unstimmigkeiten in der finalen Live-Version, etwa uneinheitlichen Abständen und Abweichungen im Styling, die bis heute nicht behoben sind. Die Funktionalität beeinträchtigen sie zwar nicht, doch sie schmälern den Feinschliff, den wir angestrebt hatten.

Nächstes Projekt

Badkleinkirchheim Bergbahnen