Skip to main content

11 superb examples of Drupal websites

08. 82nd & Fifth

Drupal websites: 82nd & Fifth

The designers at CHIPS found Drupal intuitive and easy to pick up quickly

82nd & Fifth is an offshoot of the The Metropolitan Museum of Art website and it is a beautiful thing. Designed and built by agency CHIPS it was set up to showcase 100 works of art over the course of a year. Backing up this ambitious project is Drupal.

"The main focus of the site is weekly 'episodes'," CHIPS co-founder Dan Shields explains. "These play as video but are actually timed audio slideshows. We had editors entering timecodes into fields in Drupal, choosing transitions, and uploading images themselves.

"Drupal was a really good candidate for us," continues Shields, "because we were able to group together a set of fields (using the Field Collections module), and repeat it an unlimited number of times, depending on the number of images in each episode. "For the rest of the site, Drupal is easy to set up in an intuitive way for editors, so there wasn’t much of a learning curve for the team members who were entering content."

"We love Drupal because it can take on so many forms. When we work on a project like 82nd & Fifth, which takes a few months to take shape, it’s great to know that the CMS can adapt with us."

09. Palantir

Drupal websites: Palantir

Space and spaciousness combine in Palantir's charming website

Palantir is a full-service design and strategy agency based in Chicago, which specialises in Drupal-powered development. It’s hard not to fall immediately in love with its own site, with its charming retro space-themed illustrations, gorgeous colour palette and beautiful typography. The spacious layout is a welcome feature too, though it could be tightened up on smaller screens.

"We definitely wanted to make sure that the site wouldn’t be too heavy for mobile users," explains Palantir’s founder and CEO George DeMet, "so we did everything that we could to optimise images, CSS and JavaScript. In our experience, responsive Drupal sites are not significantly larger than other responsive sites as long as best practices are being followed."

Drupal websites: Palantir

Site has been optimised for mobile, but improvements could be made...

That said, with a homepage size of 1MB there’s still room for improvement. HTTP requests could be reduced by concatenating CSS and JavaScript files, and the overall size of pages could be trimmed by optimising image assets.

10. Chris Seddon

Drupal websites: Chris Seddon

Chris Seddon's portfolio website makes the most of his fabulous wedding photography

Most wedding-related websites follow a standard cookie-cutter layout, but the portfolio site of wedding photographer Chris Seddon is something a bit different. To make his stunning photography stand out amongst the competition, Katherine Cory has created an eye-popping effect that keeps the images on the page longer as you scroll than you'd expect. It's subtle but very effective.

Drupal websites: Chris Seddon

The scrolling effect is an unusual and effective way to showcase his work

To create the site, Cory had no doubt about which content management system to use. "Drupal 7 is my weapon of choice," she says. "I’ve been using Drupal since 2008 and once I overcame the learning curve, I fell in love with the system. The possibilities are almost infinite due to the flexibility of content types, views, theming, taxonomies and user roles."

Drupal has a very rich repository of plug-ins, as Cory explains: "Chris’s original website used WordPress, so I used the Migrate module to ensure all content and comments were saved.

Drupal websites: Chris Seddon

Katherine Cory migrated the original website from WordPress to Drupal 7

"I used Views to query and display information in a series of blocks and pages, which I themed and manipulated to use plug-ins like FlexSlider and Stellar.js. One of the most useful plug-ins was TVI (Taxonomy Views Integrator) which enabled multiple view pages for taxonomy terms and vocabularies."

Cory is frank about Drupal’s weaknesses and says: "I’ll be the first to admit Drupal has a steep learning curve, but I do think it’s an overlooked option as a cost-effective, open source CMS with a large, supportive and active community."

11. Prince of Wales

Drupal websites: Prince Charles

Reading Room beat 10 agencies to the prestigious job of redesigning Prince Charles' site

International digital agency Reading Room redesigned the official website for Britain's Prince Charles, using Drupal, following a ‘mobile first’ approach and based upon the principles of responsive web design.

Drupal websites: Prince Charles

There's a strong emphasis on high quality photography

Aiming to create a rich, immersive user experience across mobile, tablet and desktop platforms, Reading Room worked with the Digital Communications Team in the Clarence House Press Office to build the site, which is structured to function as a 'family' of three individual websites - Prince of Wales, Duke And Duchess of Cambridge and Prince Henry.

Drupal websites: Prince Charles

There's a new dedicated section for children, with quizzes, games and more

Key features introducing in the redesign include the integration of social media, including YouTube, Sound Cloud and Storify; a greater emphasis on high quality photographic and video content; a dedicated section for The Prince’s Charities; and a new, highly interactive area for children.

This is an updated and extended version of an article that previously appeared on Creative Bloq.

Topics