Realys group - Sustainable building Architects


Client Needs

Realys Group’s previous website was originally designed in flash with very limited update possibilities and poor SEO features. Being proud of working for Shanghai World Expo 2010, Realys communication team was eager to explain to website visitors the “brain cell” concept and highlight the innovation for which Realys Group was chosen. Therefore, one of the main requirements was to have a flexible website that could be maintained in-house, with sophisticated visuals effects to enhance user experience.
Having a substantial experience, Realys Group wanted to highlight its projects’ main features with “ID cards”, a brief description of the work that was carried, and various prominent pictures.


Collaboration with Davyin

The project was lead in close collaboration with Realys Group Project Manager and design teams, who gave their opinion about the look and feel of the website. Thanks to the work Realys did on collecting content (picture selection, content writing, website organization…), we were able to identify clear sections and give each of them a different look or special feature. Since Realys’ Project leader was quite familiar with organic search engine optimization (SEO) and the internet in general, project moved forward quicker and more efficiently.


Our approach & Solution

One of the main concerns Realys Group had on the project was timelines: Realys wanted to ensure website would be delivered on time for the press conference being held in Belgium for the announcement of the Belgian Pavilion - 10 days after our first meeting.
This conference was eventually delayed, which gave us some more time to work on a definitive version of the website, instead of creating a version 1 that would then have to be changed.

Besides drastic deadlines, Realys envisioned its website to convey a clean and pure image that would reflect its “Green” identity, corresponding to services and building practices more and more oriented towards sustainable development and ecology. Thanks to a close collaboration with Realys’ project manager, Davyin Internet Solutions’ design team designed numerous conceptual drafts and revisions in order to match exactly with design guidelines while emphasizing pictures and visual rendering.


Key features


1 – Full arsenal of effects: 
Being an architecture and design company, Realys Group required its website to be visually appealing and eye-catchy. Various sets of effects were implemented on the website:

  • JQuery Lightbox (Graphical effect that appears in front of the visited page without opening any other window or tab) was implemented to display the access map to Realys Offices in Shanghai;
  • JQuery Pictures Fade-in/Fade-out was set up on the Home Page to display rotating pictures of the most important sections of the website;
  • JavaScript rewriting of titles and texts into non-standard fonts to allow Realys’ website to look differently, from usual websites with well-known fonts, while staying optimized for search engines;
  • JQuery Pictures Carousel on all project pages is a convenient and interactive way of presenting Realys’ achievements over the past few years, bringing together drawings, 3D visuals and actual pictures of buildings.
  • The TEAM page was specially designed and programmed to ensure a nice display of Realys’ employees: JavaScript, tooltips and Effects were combined to give the same feeling as a flash page, while ensuring the page content is SEO-friendly.

2 – Implementation of Drupal:
In order to build a sustainable website that could be maintained and further extended, Davyin Internet Solutions installed, configured and fully customized the well-known Open Source Content Management System Drupal. Realys Group can make full use of the great functionalities Drupal puts at the disposal of its community, and is Multilanguage (UTF-8) optimized if they plan to add a Chinese version in the future. Furthermore, the website was customized according to Drupal API standards which allow clean updates of core files and other contributed modules to keep the website up to date. A WYSIWYG (What You See Is What You Get) – FCK editor – was also set up to allow easy update of pictures and text content. Different pre-filled page templates were created, and can be inserted through rich text editor the same way as choosing slide designs in MS Powerpoint.

3 – The Search-Engine Optimization (SEO) setup package of our online solutions was implemented on the website: featuring URL-rewriting, dynamic XML Sitemap, Meta tags, etc… The website is built according to W3C standards and search engine friendly guidelines, and will therefore benefit from natural positioning, which was impossible when the website was in flash. Meta tags can be independently chosen on each page, allowing a better on-site optimization as people looking for information on a specific project or company will be more likely to directly access project page.




In addition to its appealing look and pleasant navigation, Realys Group’s website illustrates a great balance in terms of content organization, design and Content Management System (CMS) features. Furthermore, having a website empowered with Drupal, Realys’ webmasters are able to freely maintain the website and change menus or content, without any additional or on-going cost.
Finally, we would like to address our special thanks to the Realys Group for having given us the chance and their trust to work on such an interesting project, crucial to their online visual identity. We were glad to work with this dynamic company who managed to collect great information and pictures to put together this very good-looking website.



Pierre Rousseaux, Business Developer, Realys Group:
“From my previous experiences, creating a website you like can be quite tricky especially when you are not confident with which agency to work. Fortunately, besides the fact that I was assisted by Thibault Leonard, who is familiar with the web, Davyin Internet Solutions stood by our side to help us organize our content and design our website. Even when it seemed we were not on the same page, they managed to come up with logical solutions that earned them our trust.
Now that the project is over and our website released, we definitely look at Davyin Internet Solutions as the best company we could have chosen to build in a very limited amount of time such a feature rich website that matches so well with our online brand image expectations.”


Technology used


Drupal, jQuery