In 2013 the Berlin Liegenschaftsfonds was looking for a new online agency and decided on cosmoblonde.
As a first task, the fund's website was to be completely redesigned: make Berlin tangible, invite you to discover real estate offers, shake off the aura of administrative authority, present the offers of the Liegenschaftsfonds clearly and timely. To get away from meter-long navigation, and move towards multi-screen use.
Initially, we tried not to be overwhelmed by the widely ramified navigation of the old site. What is fundamentally most important for the Liegenschaftsfonds? The real estate and special locations sold and rented by the city.
Step 1: Breaking the content down to its essence
The result is a clear single-level navigation with an explicit focus on the core topics "Sale", "Rent" and "Film Locations". Extensive collapsible menus were deleted without replacement. In seven overview pages, the Liegenschaftsfonds and its services are presented in an inviting way, with short click paths.
And what's it all about? About Berlin of course.
Maxim for our creative approach was to make Berlin and the atmosphere, which makes it attractive to investors from all over the world, tangible. We felt the best way to realize this was in the form of moving video backgrounds.
In the info section users are invited to explore the offers on interactive maps.
In creating the various design templates for the site, along with the mobile presentation, we paid special attention to the widescreen template. Here the grid will be expanded by one column, allowing for an enjoyably lavish presentation of content.
A few Details
Additional offers are plentiful. So that they do not distract from the core content, they appear clearly and focused where they are in direct relation to the content.
On the practical notepad, one can collect everything one wants to remember or print later.
The maps are a central management tool of the page. Visually, they are clearly the main focus, the user can filter content by interest. For those who prefer the page without a map, can switch to the list view.
The technical implementation
In the back end, the site was realized with TYPO3 6.1. Liegenschaftsfonds objects are managed with a standard real estate software and mapped and synchronized via an import interface in TYPO3.
In addition to the filterable presentation of the real estate with Google Maps, various geographic information systems were incorporated to allow further representations and aspect of objects and sites.
Created responsive in the front end, the site also integrates background videos into the desktop version to attractively represent the Berlin atmosphere.
Who would have thought that urban real estate marketing could be so beautiful? The international jury of this year's Web Awards thought so too and the site was awarded the title of "Outstanding Website."
- URL: www.liegenschaftsfonds.de
- Customer: Berliner Liegenschaftsfonds
- Realisation: 4 months
- Technology: TYPO3 6.1
- Work: concept, responsive design, front-end and back-end programming, extension development, integration of complex external object databases and geographic information systems