First class corporate site
for Bouwens Groep

Bouwens Group is renowned for high quality facility services. Customers include large multinationals and governmental institutions in The Netherlands.

Challenge

Bouwens Groep has been actively marketing her services online ever since the company was founded. The website has always stood out both in number of visitors and site design. In 2004 we designed the first site and in 2008 created the 2nd generation. To stay ahead of competition and attract new clients we were asked to design the 3rd generation site for Bouwens Groep.

Approach

This time we set the bar really high by aiming for a corporate website that would excel in visual appeal, ease of use and responsiveness. It was envisaged that this could be accomplished with large photos, short texts and subtle animations. And with market share for tablets and mobile phones rapidly growing the site would need to work on those devices too.

Solution

We actually started off with a redesign of the corporate identity. Different colours were chosen to identify each of the services and the general blue logo colour was changed to silver. Modern typefaces were selected for greater impact. The final design of the front end includes progressive enhancement and compatibility across all major browsers and mobile devices.

Technology

The site is built using modern technologies for speeding up HTML/CSS development. The graphic intensive front-end is made with Ruby on Rails, Haml and Sass. This makes it extremely easy to extend and maintain.

We started off with a pure CSS layout and applied jQuery for the animations. We added web fonts for typography. The content is implemented with markdown and maintainable using our standard Rails CMS.

jQuery SVG Vector Logo jQuery JavaScript Icon

jQuery
Animations

Rails Admin SVG Vector Logo Rails Admin Icon


Rails Admin

Result

{
The values of Bouwens Group are embodied in a top notch corporate site with emphasis on quality and discretion. A great visual experience that resembles the services in the real world.