Portfolio

The Bridges

The Bridges consist of six mid-rise towers in Abu Dhabi that each offer 212 homes with a variety of amenities and attractions. The Bridges is designed with comfort and well-being in mind.

2017

Year

Design, Technology & Innovation & Strategy & Insights

We delivered

The Bridges by Aldar - 1

VERSION 1

Our first design proposal contained a split screen on each web page, with all content carefully fitted into a suitable container.

The Bridges by Aldar - VERSION 1
The Bridges by Aldar - 3

WIREFRAMING

The entire design is characterized by straight lines and right angles. This geometric concept produces squares and rectangles—shapes that create the impression of solidity and stability. The approach also gives the website a very mathematical, balanced feel.

The Bridges by Aldar - WIREFRAMING
The Bridges by Aldar - 5

SCROLLING

As the website incorporates full page design, scrolling down is not necessary. Instead, we opted for a much more interesting option: parallax scrolling.

The Bridges by Aldar - SCROLLING
The Bridges by Aldar - 7

PARALLAX SCROLLING

During parallax scrolling, the background content moves at a slower speed than the content in the foreground. Rather than scrolling manually, the user may visit other areas of the website by clicking the “Explore” button.

The Bridges by Aldar - PARALLAX SCROLLING
The Bridges by Aldar - 9

RESPONSIVE DESIGN

The entire design responds to the user's behavior and environment based on the device he uses when accessing the website. It completely adapts to various screen sizes, platforms, and orientations.

The Bridges by Aldar - RESPONSIVE DESIGN

FOCUS ON BIG PICTURES

We produced custom high quality photos for this project. High resolution images are visually appealing and are a powerful way to capture user attention and communicate brand messages.

The Bridges by Aldar - FOCUS ON BIG PICTURES
The Bridges by Aldar - 12

GALLERY

The galleries were specifically designed for full screen display. They create a powerful effect by occupying the entire visual space and leave a lasting impression on the user.

The Bridges by Aldar - GALLERY
The Bridges by Aldar - 14

PICKING THE RIGHT APARTMENT

As there is no hover effect on the mobile version of the website, we had to create a custom-made solution that is intuitive and easy to navigate.

The Bridges by Aldar - PICKING THE RIGHT APARTMENT
The Bridges by Aldar - 16

APARTMENTS PAGE

On the desktop version of the website a user may select a building, floor, or apartment. We created a hover effect to emphasize each object that is selected.

The Bridges by Aldar - APARTMENTS PAGE
The Bridges by Aldar - 18

MASTER PLAN & SELECTING UNITS

We created a multi-tier navigation tool by using the master plan for each unit. This solution greatly simplified the process of finding the right apartment.

The Bridges by Aldar - MASTER PLAN & SELECTING UNITS