Total overhaul 2017

Design

  • Design system & styleguide
  • Information architecture
  • Interaction design
  • Visual design
  • Web accessibility

Web Development

  • API: design & implementation
  • CMS Drupal & Wordpress + Symfony
  • JavaScript development
  • Web accessibility (dev)

Brief

In 2017, Cardis Immobilier revised their whole graphic charter. The website therefore also had to be adapted. We took advantage of this occasion to improve the site’s referencing and implement new functionalities. That way, the site could better respond to the needs of people looking for a new home or real estate investment.
Cardis Immobilier. Antistatique Agence Web Genève Lausanne. Stratégie, Design, Développement Web

Study and analysis

Cardis Immobilier is a trailblazer in the real estate industry, especially when it comes to technology. Our challenge was to integrate new functionalities and compel visitors to use them intuitively, in addition to updating the website in accordance with the new graphic charter.
Finding property can be a long and tedious task. Both Cardis Sotheby’s and Antistatique wanted to facilitate that process.

Our solutions

Concept & Design

In order to adapt the site to the new graphic charter, we also had to revise its concept and design. For instance, the homepage became adjustable (content to be showcased could be selected), a map was integrated into the search engine and the magazine section was revamped to make it more reader-friendly.

Video teaser

When we launched the new site, we wanted to introduce all of its new features to the public. That’s why we created an informative video.
Check out the video:

Referencing

Netlinking allows us to increase the number of external hypertext links towards a site or webpage that we want to promote.
Competition is fierce in the real estate world, especially with the rise of search portals like Homegate and Immostreet.
We got an expert to carry out a meticulous Netlinking campaign over several months and place links on quality sites in order to improve the referencing of cardis.ch
Cardis Immobilier. Antistatique Agence Web Genève Lausanne. Stratégie, Design, Développement Web

New features

Interactive map

The major new feature of the cardis.ch site is a map integrated into the search engine. What could be more practical than being able to view property directly on a map? Visitors can indicate their desired search area, helping them narrow down results and locate their dream property.
In order to ensure that the search engine was user-friendly, we carried out a number of tests. 

Investors

Cardis Sotheby’s also targets investors. This group has specific needs when it comes to the information they need to know about a piece of property. We developed a special search engine for them that includes specific search criteria, and information related to real estate investment and profitability.
Cardis Immobilier. Antistatique Agence Web Genève Lausanne. Stratégie, Design, Développement Web

Taking into account visitor needs

Chat

If visitors have any questions, they can contact someone working at Cardis Sotheby’s directly. After all, it’s helpful to be able to get information quickly, without having to pick up the phone or write an email. Besides being practical for visitors, a chat function is also useful for collecting information about clients.

Our technology

Symfony 2 & Styleguide

Symfony 2 was an obvious choice for us, as it has proven to be a solid and versatile backend. Combined with a Dynamic styleguide (also developed by us), this dynamic duo can efficiently process all types of content.

Bootstrap 4

In order to ensure a flawless visual experience on different browsers and provide a solid base for our CSS, we chose bootstrap 4, which is now mature and, most importantly, flexible.

React + Redux + Leaflet

The interactive map was a particularly important part of our project. In order to develop the map, we used React and added Redux as an overlay to ensure the integrity of the data displayed on the interface at all times. We wanted to create a map that could handle a certain number of markers, all while being efficient and esthetically pleasing. That’s why we chose the Leaflet library. This library has an active community and significant number of plug-ins, which allowed us to implement a drawing function on our map.

Elasticsearch

An interactive map wouldn’t be anything without a search engine that uses cutting-edge technology. That’s why we trust Elasticsearch, which has an incredibly fast search speed, is able to manage a large quantity of information and has a search mode that can be configured as desired. Elasticsearch really has it all!

Conclusion

This project illustrates what we hold dearest to heart. We want to work with our partners for the long haul, and this project only strengthened our relationship with Cardis Sotheby’s. The development and production of this project, which took just four months, confirmed our team's ability to fulfil ambitious goals and master the organization side of things. From a technical point of view, part of the codebase came from the first version of the site. We were able to develop this code over the years and could therefore carry out part of the overhaul effortlessly, without having to rewrite everything. We are proud to have collaborated with Cardis Sotheby’s for all these years on past and future projects.

Vous voulez en voir plus ?

Découvrez
plus de nos projets

Tous nos projets

project.teaser.a11y.servicesSocial media management

Cardis Sotheby’s International Realty

project.teaser.a11y.servicesApp