Kollitsch Gruppe
Die Kollitsch Gruppe ist ein integriertes Unternehmen aus Klagenfurt, das in Immobilienentwicklung, Architektur und Bau tätig ist. Bekannt für innovative Großprojekte prägt die Gruppe urbane und regionale Lebensräume. Jede Sparte arbeitet hoch spezialisiert, aber unter einer gemeinsamen Marke.
Ihre Bauten fielen auf, ihre Website nicht. Ihr fehlten Struktur und Emotion und sie grenzte die Kernsparten nicht voneinander ab. Gemeinsam mit der neuen Markenidentität haben wir eine Website gestaltet, die genau das kann.
Zuerst zuhören
Markenarchetypen
Im Branding wurde die Gruppe zum Magier, der für Innovation und Wandel steht. Jede Sparte baut darauf auf und ergänzt einen eigenen Zug.
Immobilien ist der Liebende und der Magier.
Bau ist der Jedermann und der Magier.
Architektur ist der Schöpfer und der Magier.
Research
Usability Tests der alten Website.
Nutzerverhalten aus den Analytics der alten Website.
Wettbewerbsanalyse am österreichischen Markt.
Stakeholder Interviews.
Wichtigste Erkenntnisse
Die Spartenstruktur verwirrte Besucher.
Detaillierte Projektseiten waren schwer erreichbar.
Die Landing Page hatte eine hohe Absprungrate.
Was sich ändern musste
Problem
Austauschbare Bilder ohne Premium Anspruch.
Schwache visuelle Navigation zwischen den Sparten.
Keine überzeugende Geschichte für hochwertige Immobilien.
Keine Suchmaschinenoptimierung.
Eine hohe Absprungrate auf der Landing Page.
Ziele
Die mutige und innovative Positionierung zeigen.
Jede Sparte über die Farbe in der Sidebar abgrenzen.
Ein reiches Portfolio Erlebnis schaffen.
Die Immobiliensuche mit moderner Such UX unterstützen.
Animationen elegant und zielgerichtet halten.
Animation und reibungslose Usability ausbalancieren.
Für wen wir gestaltet haben
Aus den Interviews und den Analytics entstanden zwei Personas. Eine junge Familie, die ein Zuhause für lange sucht, und ein designaffiner Käufer, der etwas Einzigartiges will.
Namen Lukas und Anna M., 28 und 26
Wohnort Villach, Österreich
Kinder Ein Kind, 8 Monate
Beruf Lukas ist Softwareentwickler und Anna 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.
Will eine klare Navigation und schnellen Zugriff auf Grundrisse, Lage und Preise.
Nutzt Desktop und Tablet, oft gemeinsam.
Bedürfnisse
Verlässliche Informationen zu Bauablauf und Zeitplan.
Bilder von familienfreundlicher Ausstattung und Innenräumen.
Ein einfacher Weg zur Kontaktaufnahme oder Besichtigung.
Ein Gefühl von Sicherheit, Qualität und langfristigem Wert.
Fabians Journey
Wir haben Fabians Weg von der ersten Suche bis zur Rückmeldung abgebildet. Jeder Schritt nennt den Schmerzpunkt, sein Gefühl und die Antwort im Design.
Sieben Bereiche statt eines Labyrinths
Jede Sparte folgt derselben Reihenfolge. Zuerst die Fakten, dann Leistungen, Projekte und die Menschen dahinter, damit sich der Wechsel zwischen den Sparten vertraut anfühlt. Wireframes haben die Reihenfolge vor jedem visuellen Design getestet.
Eine Marke, vier Farben
Jede Sparte behält das Layout der Gruppe und bekommt ihre eigene Farbe in der Sidebar. Rot für die Gruppe, Grün für Immobilien, Petrol für Bau und Schwarz für Architektur. Besucher wissen immer, wo sie sind, und der Archetyp jeder Sparte bestimmt Ton und Bildsprache.
Eine Sidebar, die bleibt
Erste Prototyp Tests zeigten, dass Nutzer die ausklappbare Navigation übersprangen. Wir haben sie zu einer dauerhaft sichtbaren Sidebar gemacht, die die Spartenfarbe und die Immobiliensuche trägt. Das ganze Menü öffnet sich als ruhiges Overlay und jede Sparte ergänzt ihre eigene Unternavigation. Bereiche wurden leichter auffindbar und weniger Nutzer sind auf Unterseiten abgesprungen.
Mutig, klar, leise magisch
Aussagen enden mit einem Punkt und stehen in TT Hoves Demi Bold. Große Zahlen tragen die Fakten jeder Sparte und ein warmes Grau hält lange Seiten neben den kräftigen Spartenfarben lesbar.
Vier Seiten, ein System
Alle wichtigen Seiten wurden in der finalen Bildsprache gestaltet, mit Typografie, Farbe, Icons, Bildwelt und allen Interface Komponenten. Gruppe, Immobilien, Bau und Architektur teilen ein Raster und dieselben Bausteine. Nur Farbe, Bildsprache und Ton ändern sich.
Finden und sich verlieben
Die Immobiliensuche filtert nach Art, Ort und Größe und zeigt die Ergebnisse neben einer Karte. Jede Projektseite erzählt ihre Geschichte mit großen Bildern, Fakten und Grundrissen.
Zuerst fürs Handy gebaut
Die meisten Besucher kommen am Handy. Die Sidebar wird zu einer schmalen Leiste oben mit der Suche einen Tipp entfernt und Projektseiten erzählen ihre Geschichte in einer Spalte.
Elegant, nie im Weg
Bewegung unterstützt die Geschichte. Porträts blenden hinter dem Claim ein, die Zahlen der Gruppe zählen in den Markenfarben hoch und die Unternehmensstruktur zeichnet sich Linie für Linie. Nichts bewegt sich ohne Grund und nichts wartet auf eine Animation.
Selbstbewusst, klar und leise magisch
Ergebnis
Die Markenidentität ist jetzt auch online sichtbar.
Besucher verbringen 30 Prozent mehr Zeit pro Session.
Die Anfragen sind gestiegen.
Stärkeres Storytelling regt zum Entdecken der Immobilien an.
Nach dem Launch meldete sich mit Wohnwelt Immobilien ein weiteres Immobilienunternehmen aus dem Raum Klagenfurt für ein Rebranding.
Übergabe
Nach der finalen Freigabe haben wir dem Entwicklungsteam jedes Verhalten des Designs erklärt und alle Assets und Dateien übergeben. Der Kunde war durchgehend eingebunden, mit Feedback und Freigaben in jeder Phase.
Reflexion
Eine markengeführte UX auf Archetypen aufzubauen hat uns gelehrt, dass sich Usability selbstverständlich anfühlen muss. Das war kein bloßes digitales Update, sondern ein Meilenstein für die Identität der Gruppe.
Nicht alles lief nach Plan. Eine Pressekonferenz setzte eine knappe Deadline, die Entwicklung lief unter Zeitdruck und dem Kunden fehlte vor dem Launch die Zeit für gründliche Tests. Ein paar kleine Unstimmigkeiten bei Abständen und Styling sind auf der Live Seite geblieben. Sie beeinträchtigen die Funktion nicht, kosten aber etwas vom Feinschliff, den wir angestrebt hatten.
Eine Website, die die Bauten von Kollitsch widerspiegelt. Selbstbewusst, klar und leise magisch.
Nächstes Projekt
Watch Inventory
