Inhalt
Die Londoner Wellcome Collection ist eine der Top-Empfehlungen in unserem Designers 'Guide to London. Als Museum für medizinische Artefakte und Kunstwerke nennt es sich "das freie Ziel für unheilbar Neugierige" - und seine neue, reaktionsschnelle Website hat die gleiche Einstellung.
Die Website wurde vom internen Team der Sammlung entwickelt und fördert Installationen, Veranstaltungen und Veröffentlichungen sowie einige exklusive digitale Inhalte, einschließlich Spiele. Fühlen Sie sich inspiriert? Schnapp dir einen Website-Builder und erstelle deinen eigenen.
Die Seite basiert auf Drupal, was zu einigen Herausforderungen führte. Entwickler Gareth Estchild sagt: "Drupal ist ein bisschen berüchtigt dafür, dass es das ausspuckt, was Sie wollen. Die Backend-Entwickler haben den Code aus unseren HTML-Vorlagen repliziert, was bedeutet, dass wir ein gutes semantisches Markup erzielen konnten."
Schnell zu laden
Das Layout basiert stark auf JavaScript: jQuery, jQuery UI und die AmplifyJS-Komponentenbibliothek sind vorhanden, um die allgemeinen Seitenelemente zu generieren, während Masonry zum Layout des flexiblen Rasters verwendet wird.
Leistung und Auffindbarkeit waren offensichtlich die wichtigsten Faktoren beim Aufbau der Website: Sie kann auch bei mobilen Datenverbindungen mit geringer Bandbreite sehr schnell geladen werden, und wichtige Informationen wie Adresse und Besuchszeiten der Galerie sind auf jeder Seite vorhanden.
Die UX-Designerin Eleanor Ratliff fügt hinzu: "Einfache Kleinigkeiten, wie das eindeutige Markieren auf den Listingseiten, wenn eine Veranstaltung ausgebucht ist, lösen einige große Frustrationen der Benutzer aus."
Wörter: Peter Gasston
Peter Gasston ist ein erfahrener Webentwickler, der jetzt als Technologe und Frontend-Leiter im Reha-Studio arbeitet. Er ist Autor von The Book of CSS3 und The Modern Web.