Kollitsch Gruppe
Kollitsch Gruppe is an integrated company from Klagenfurt in Austria, working across real estate development, architecture and construction. Known for innovative and large projects, the group shapes urban and regional spaces. Each division is highly specialised but works under one brand.
Their buildings stood out, their website did not. It lacked structure and emotion and did not separate the core divisions. Together with the new brand identity we designed a website that does.
Listening first
Brand archetypes
In the branding process the group became the Magician, standing for innovation and transformation. Each division builds on it and adds a trait of its own.
Real estate is the Lover and the Magician.
Construction is the Everyman and the Magician.
Architecture is the Creator and the Magician.
Research
Usability tests of the old site.
User behaviour from the old site's analytics.
Competitor benchmarking in the Austrian market.
Stakeholder interviews.
Key findings
The division structure confused visitors.
Detailed project pages were hard to reach.
The landing page had a high bounce rate.
What had to change
Problem
Generic visuals without a premium tone.
Weak visual navigation between divisions.
No compelling story for high end properties.
No search engine optimisation.
A high bounce rate on the landing page.
Goals
Reflect the bold and innovative positioning.
Separate each division visually by colour in the side bar.
Create a rich portfolio experience.
Support the property search with modern search UX.
Keep animation elegant and purposeful.
Balance animation with smooth usability.
Who we designed for
Two personas came out of the interviews and the analytics. A young family looking for a long term home and a design minded buyer who wants something unique.
Names Lukas and Anna M., 28 and 26
Location Villach, Austria
Kids One child, 8 months
Occupation Lukas is a software engineer and Anna a primary school teacher
Looking for A modern, family friendly home with long term value
Behaviours
Researches properties in the evenings and at weekends.
Compares neighbourhoods by schools, safety and outdoor space.
Wants clear navigation and quick access to floor plans, location and prices.
Uses desktop and tablet, often together.
Needs
Trustworthy information on the building process and timeline.
Images of family friendly amenities and interiors.
An easy way to get in touch or book a viewing.
A sense of security, quality and long term value.
Fabian’s journey
We mapped Fabian’s path from a first search to the follow up. Each step names his pain point, how he feels and the design answer.
Seven areas instead of a maze
Every division follows the same order. Facts come first, then services, projects and the people behind them, so moving between divisions feels familiar. Wireframes tested the order before any visual design.
One brand, four colours
Every division keeps the group layout and gets its own colour on the side bar. Red for the group, green for real estate, petrol for construction and black for architecture. Visitors always know where they are, and the archetype of each division sets its tone and imagery.
A side bar that stays
Early prototype tests showed that people skipped the collapsible navigation. We turned it into a persistent side bar that carries the division colour and the property search. The full menu opens as one calm overlay and each division adds its own sub navigation. Sections became easier to find and fewer people left on sub pages.
Bold, clear, quietly magical
Statements end with a full stop and sit in TT Hoves Demi Bold. Big numbers carry the facts of each division, and a warm grey keeps long pages readable next to the strong division colours.
Four pages, one system
All key pages were designed in the final visual language, with typography, colour, icons, imagery and every interface component. Group, real estate, construction and architecture share one grid and the same blocks. Only colour, imagery and tone change.
Find, then fall for it
The property search filters by type, place and size and shows the results next to a map. Every project page tells its story with large images, facts and the floor plans.
Built for the phone first
Most visitors arrive on a phone. The side bar turns into a slim top bar with the search one tap away, and project pages keep their story in a single column.
Elegant, never in the way
Motion supports the story. Portraits fade in behind the claim, the group's numbers count up in the brand colours and the company structure draws itself line by line. Nothing moves without a reason and nothing waits for an animation to finish.
Confident, clear and quietly magical
Outcome
The brand identity is now reflected online.
Visitors spend 30 percent more time per session.
Inquiries increased.
Stronger storytelling drives property exploration.
After the launch another real estate company from the Klagenfurt area, Wohnwelt Immobilien, reached out to us for a rebrand.
Handover
After the final approval we walked the development team through every design behaviour and handed over all assets and files. The client was involved throughout, with feedback and approvals at each stage.
Reflection
Building a brand led UX on archetypes taught us that usability has to feel inevitable. This was not just a digital update but a flagship moment for the identity of the group.
Not everything went to plan. A press conference set a tight deadline, development was rushed and the client had no time for thorough testing before launch. A few small inconsistencies in spacing and styling remain on the live site. They do not affect how it works, but they cost some of the polish we aimed for.
A site that reflects the buildings of Kollitsch. Confident, clear and quietly magical.
Next Project
Watch Inventory
