Inhoud
De Wellcome-collectie van Londen is een van de topkeuzes in onze Designers 'Guide to London. Het is een museum van medische artefacten en kunstwerken en noemt zichzelf ‘de gratis bestemming voor de ongeneeslijke nieuwsgierigen’ - en de nieuwe, responsieve website heeft dezelfde houding.
De site is ontwikkeld door het eigen team van de collectie en promoot installaties, evenementen en publicaties, samen met enkele exclusieve digitale inhoud, waaronder games. Geïnspireerd voelen? Grijp een websitebouwer en maak er zelf een.
De site is gebouwd op Drupal, wat voor enkele uitdagingen zorgde. Ontwikkelaar Gareth Estchild zegt: "Drupal is een beetje berucht omdat het ervoor zorgt dat het uitspuugt wat je wilt. De ontwikkelaars van de backend repliceerden de code van onze HTML-sjablonen, wat betekent dat we een goede semantische opmaak hebben kunnen realiseren."
Snel te laden
De lay-out is sterk afhankelijk van JavaScript: jQuery, jQuery UI en de AmplifyJS-componentenbibliotheek zijn aanwezig om de gemeenschappelijke pagina-elementen te genereren, terwijl Masonry wordt gebruikt om het flexibele raster op te maken.
Prestaties en vindbaarheid waren duidelijk de belangrijkste overwegingen bij het bouwen van de site: deze laadt zeer snel, zelfs bij mobiele dataverbindingen met een lage bandbreedte, en belangrijke informatie zoals het adres en de bezoektijden van de galerie is op elke pagina aanwezig.
UX-ontwerper Eleanor Ratliff voegt eraan toe: "Simpele kleine dingen, zoals duidelijk markeren op de advertentiepagina's wanneer een evenement volgeboekt is, pakken enkele frustraties van grote gebruikers aan."
Woorden: Peter Gasston
Peter Gasston is een ervaren webontwikkelaar die nu werkt als technoloog en frontend-lead bij rehabstudio. Hij is de auteur van The Book of CSS3 en The Modern Web.