Design challenge: the funda listing page

About Funda

Funda (derived from "fundum," the Latin word for estate) is a Dutch organization based in Amsterdam that presents Dutch real estate on the internet. The main website of funda is funda.nl. With approximately 68 million visits per month (4 million unique). funda.nl is one of the most heavily visited housing websites in the Netherlands. The website features the entire Dutch housing market for sale, which is offered through real estate agents.

Funda helps individuals during one of the most significant decisions in life: finding or selling a home. It's an exciting and challenging process, so Funda is committed to providing as much support as possible throughout this journey.

Assignment

In the first semester, you have learned a lot about layout, responsive design, accessibility, interaction and branding. In this 3 week sprint you will apply everything you have learned to rebuild the Listing Detail Page (LDP).

• Go to https://www.funda.nl/koop/heel-nederland/
• Click on any listing.

This is the Listing Detail Page. Your assignment is to rebuild this from scratch with HTML and CSS. You can use a bit of javascript, but it's not a necessity.

There is no need to get the data from any external source, you can just hard-code the data in your HTML.

Requirements

• You implement the design according to the Figma file. While not required, you have some room for creativity here if you want to improve on this design.
• The page must be responsive. There should be a minimum of 3 breakpoints; mobile, tablet and desktop. (See design)
• To ensure accessibility, use the appropriate semantic HTML tags and accessible attributes for your elements.
• The elements on this page do not need to be interactive. The goal of this assignment is to build a layout.
• Do not use any frameworks. Pure HTML and CSS only! While you probably won't need it, you can use javascript if necessary.

Resources

• The Figma file.

Submitting the project

To submit this project:

• Fork this repository
• Create a new pull request (PR) with your project.
• You can now request a code review from funda. Be sure to request a review from @rinux55 and @larsdouweschuitema.

If you have any questions, please send an email to marijn@funda.nl

Good luck!