Skip directly to content

Wave House Mallorca

Award Category 
Drupal Version 
This website looks great on mobile devices!
Brief Overview 

Very visual-based site that is very aesthetically pleasing and cluster-free. Breaks free from standard/traditional sites.

Launch or Publication Date 
Tuesday, September 11, 2012
Wave House Mallorca
Key Modules, Theme, and Distribution Used 
Media Views Isotope Omega Accordion Menu Vertical Tabs
Why these Modules, Theme, and Distribution were Chosen 

Media allows for easy adding of third-party content.
Views and Isotope make a fantastic gallery.
Omega is a great starting point for a flexible theme.
Accordion Menu and Horizontal Tabs make for good navigation.

Owner's Name 
Wave House Mallorca
Development Company 
Drupology™ design and develop some of the leading UK Drupal websites, providing a full-spectrum of Drupal services to organisations at home and worldwide. Drupology™ have worked with Drupal since 2007 and continue to actively push and promote this exciting platform. Drupology boasts a portfolio of high-profile clients including Apple Records, The Beatles, Waveloch LLC, Hoya Vision Care, First Utility, Scottish Water, What House and many more. We are active contributors to the Drupal project, have an organisational membership with the Drupal association as well as being an approved vendor for Drupal services, and an official Acquia partner.
Why Drupal Was Chosen 
Wave House is a complete entertainment, food and beverage, live music and retail complex which exports the tropical, California beach and board sport lifestyle to anywhere in the world. Drupoloy have a strong background in developing heavily-customised Drupal websites. Completed projects include The Beatles' Yellow Submarine, Mazda, and all of Wave House's global sites. Wave House have been using Drupal to promote all their venues since 2009. Drupal offers so much flexibility and functionality so it is the perfect choice.
Describe the Project (Goals, Requirements, and Outcome) 

The primary focus, as mentioned, was visual. We took the full-screen approach allowing photography to be the main focus. The content and navigation areas were secondary and therefore use very little real estate until the visitor wants to read or interact with these areas.

The transitions were very important and we used some existing Drupal modules as well as some custom written modules to take advantage of jQuery's customisations. Accordion modules, horizontal tabs, content sliders, and fading backgrounds are all used heavily throughout the site.

Another key area is the image and video gallery. We love the jQuery Isotope / Masonry effect with Views on the gallery page. Some template customisation was required to make the images render in different sizes and the excellent Media module (and its dependencies) allows for fields on images.

The theme itself is derived from Omega's flexible layout. Everything is defined in percentages and ems which makes the images, positioning, and font sizes scalable. Again, this breaks free from the typical design mould and works really well.

Putting all this together took a lot of time but the finished site has received some very good feedback. We think we've broken out of the mould of typical website design and created something very different that, thanks to the photography, is visually stunning.

Type of Nomination