Start off by featuring a full-screen image, visitors will immediately be presented with the visual beauty of the suites. The most important characteristics of the suites are displayed on a green opaque overlay using a large white font. For example: Overlooking the historical “Prinseneiland” & “Westerdok”, but also: A communal courtyard on the canal. Short, powerful sentences to illustrate the exceptional characteristics of these suites.
The appartments pages
Possibly the most important pages of the website. By any means the pages containing the most information. A clear presentation is of utmost importance, information needs to be displayed in the right order for the visitor. At a glance, visitors will know what the site is about and what the characteristics of the apartment are.
Not only does the sidebar contain information on all apartments, but also includes the latest news and dates for the upcoming open house. By doing this, the visitor will stay up to date about the project.
The surroundings page
It is amazing to explore new places in the lively centre of Amsterdam. This page is created to inspire visitors to explore the surroundings of the Planciusstraat. Positioned on the “Westerlijke Eilanden” the district has a range of interesting things to do, view or taste. The left sidebar offers a quick summary of the different categories, a filter by significance can be used by the visitor.
By using custom icons and maintaining the “De Plancius” color scheme for a Google Map, the visitor will maintain a smooth and uniform experience throughout the entire website.
The entire website will be presented in full screen mode at all times, on all devices. To do justice to the images and to optimize the experience.
The experience a visitor will have using a desktop computer will never be equal to the experience when using a mobile device, but it should come close to it. A good interpretation of the layout, user experience and elements are therefore essential. Underneath, two earlier addressed pages are displayed. The elements are identical, yet the structure is completely different.
On the mobile homepage it is not possible for the visitor to scroll, instead navigation is carried out by clicking on one of the call-to-actions at the bottom. By doing this a more natural flow to the other areas of the website will be enforced. On the page of the apartment the navigation was presented in the sidebar, now it is placed on the top of the screen for better visibility.