Onze vrienden van design-en strategiebureau bransoncompany vroegen of we hun nieuwe website wilden maken. Natuurlijk! Het design was al ver gevorderd, en de visuele nadruk op het full-screen beeldmateriaal sprak ons direct aan.

We besloten eerst een html prototype te maken in quplo om daarna een passend CMS te vinden. Van dat laatste is het nooit gekomen…

Het bransoncompany prototype was voor ons een heerlijke speeltuin om alle nieuwe technieken eens goed samen te brengen:

  • De HTML5 boilerplate gebruikten we als basis
  • De CSS is geschreven met de LessCSS syntax
  • Webfonts zorgen voor typografie
  • Headjs is gebruikt om scripts parallel te laden
  • Modernizr maakt het mogelijk om resolutie-specifieke changes door te voeren
  • De achtergrondplaten worden netjes gestretched door deBackStretch plugin voor jQuery
  • CSS3 transities zorgen voor subtiele details en vloeiende overgangen
  • En we hebben extra aandacht besteed aan semantisch correct gebruik van tags zoals menu, nav, aside, section, article, header, footer, etc.

Het prototype werd gemaakt in Quplo, waarin we tevens de content modelleerden in een helder en simpel XML formaat. Dat bleek uitstekend te werken voor de initiële oplevering, en de bransons vond het zo goed werken dat besloten werd om het prototype direct als echte website te gebruiken.

En dat laatste is een vinkje in Quplo :)
Bransoncompany, bedankt voor de leuke klus en veel plezier met jullie site!

bransoncompany.nl