Object Detail
Description
funda is The Netherlands’ biggest real estate website with ~45 milion visits a month. Together with my multidisciplinary team, I was responsible for everyting around the presentation of the houses. Also known as the Object Detail page.
Role
User Experience Designer
Redesigned from the ground up
In 2015, the platform was in need for a mobile-first approach. Back then 35% of the users used a touch device, this number has grown to 70% nowadays.
Experience your dreamhouse as if you’re there
Searching for a house is a rather emotional process, people decide if they want to give the house a chance based on the photos. Big imagery has a prominent position because of that.
Category navigation helps users to quickly jump to different sections of a house and orient where they are.
Users can get a better look of the house with 360° photos. Even in Virtual Reality.
With the clean and interactive floorplans users can start dreaming of their possibilities with furniture.
Got lost? With overview users can quickly scan and jump to the right photo, floorplan or others.
Explore the neighborhood with facilities
funda recently launched locations to help users explore their new neighborhood. With the tool, users are able to answer questions like ‘where are the schools for my kids?’ and ‘how do you get to work?’.
Explore nearby schools, daycare, supermarkets, public transport and healtcare near your house.
With locations spanning five categories you can find what location is most important to you.
Each location gives users a small glimpse of information - including a link where to find more.
Your most important locations can be found in a compact overview with each house.
Refreshed visual style
To brighten up the brand and to improve accessibility.
Vibrant Colors
Funda
Funda in Business
Simple iconography
House
%20rotate(90)'/%3e%3crect%20x='27'%20y='22.5'%20width='20'%20height='3'%20transform='translate(61%20-13)%20rotate(90)'/%3e%3crect%20x='14'%20y='9.5'%20width='20'%20height='3'%20transform='translate(48%2022)%20rotate(180)'/%3e%3crect%20x='14'%20y='35.5'%20width='20'%20height='3'%20transform='translate(48%2074)%20rotate(180)'/%3e%3cpath%20d='M11,35a2,2,0,1,1-2,2,2,2,0,0,1,2-2m0-3a5,5,0,1,0,5,5,5,5,0,0,0-5-5Z'/%3e%3cpath%20d='M37,35a2,2,0,1,1-2,2,2,2,0,0,1,2-2m0-3a5,5,0,1,0,5,5,5,5,0,0,0-5-5Z'/%3e%3cpath%20d='M37,9a2,2,0,1,1-2,2,2,2,0,0,1,2-2m0-3a5,5,0,1,0,5,5,5,5,0,0,0-5-5Z'/%3e%3cpath%20d='M11,9a2,2,0,1,1-2,2,2,2,0,0,1,2-2m0-3a5,5,0,1,0,5,5,5,5,0,0,0-5-5Z'/%3e%3c/g%3e%3c/svg%3e)
Surface
%20rotate(-90)'/%3e%3crect%20x='22.5'%20y='22.5'%20width='36'%20height='3'%20rx='1.5'%20transform='translate(16.5%2064.5)%20rotate(-90)'/%3e%3cpath%20d='M30,39H40.5A1.5,1.5,0,0,1,42,40.5h0A1.5,1.5,0,0,1,40.5,42H30Z'/%3e%3crect%20x='23.9'%20y='27.28'%20width='3'%20height='16'%20transform='translate(68.31%2042.27)%20rotate(135)'/%3e%3cpath%20d='M18,39H7.5a1.5,1.5,0,0,0,0,3H18Z'/%3e%3c/g%3e%3c/svg%3e)
Floorplan
Calendar
Heart
Calculator
Notification
Car
Bus
Metro
Location
School
A Design System for collaboration
In a team with multiple designers, sharing components and ensuring consistency are common challenges. I took the initative to set up a Design System. It is available in Sketch via Abstract (and now in Figma), thus directly available in the designer’s workflow.
