Launch Recite Me assistive technology

The Buzzfeed redesign: UK art director Tim Lane talks us through his seven-month overhaul

—
Date
19 June 2017
An animation of a keyboard where the keys are arranged to form a poem. The keys shift from white and blue to a saturated red. Legible words include “Life”, “ruined”, “shame”, “lies” and “typo”.
Above

Tim Lane / BuzzFeed

Seven months ago, Tim Lane landed the role of Buzzfeed’s first art director outside the US, to develop the overall visual output of the UK site as well as many other territories around the world. Since then, he’s been working with his team to define a new aesthetic that maintains the irreverent image Buzzfeed is known for, with some refinement.

“My main goal when I got this job was to raise the design standards of Buzzfeed and on top of that, give the UK its own visual style,” he explains. “Personally coming from a print background, I’m trying to give the high-quality principals of typography, layout, graphics, photography, illustration… everything I learned in print, to mobile and desktop. Designing mobile-first makes us different from our competitors.”

Tim’s team includes in-house illustrators and animators Rebecca Hendin and Sian Butcher, and an in-house photographer Laura Gallant, plus he works closely with a CMS team who he says “are our real advantage”. The illustrators produce around 1000 illustrations a year between them, while the rest is commissioned.

For long-reads, Tim’s approach has been to give them “the feel of a glossy magazine. I try to make the headers look and feel special and thought-through”. For one story about anger in the workplace, illustrator Nate Kitsch was commissioned, and his punk-inspired photomontage style ended up influencing the whole piece. “The way we treated the header, typography, dividers, quotes, and photography had an umbrella visual style of punk. That kind of top-to-bottom visual takeover is what I’m trying to bring to all the long-reads,” says Tim.

In another long-read, about a man wrongly accused of being a paedophile due to a police typo, Tim’s team used a strong, typographic set of visuals based around a keyboard. The lead image was a gif, that was hugely popular on social media. “When the imagery looks really good, it can be a reason for it doing really well on social and leading people to the story.” Another, Shell Shocks, has a similarly strong identity.

“I tried to make a really graphic, colourful, bright but still hard-hitting visual. It’s about keeping the visual aspects that made Buzzfeed famous, but taking it a step further so they feel more serious.”

For Buzzfeed’s coverage of Article 50 being triggered, Tim worked closely with the CMS team to develop a full comic about Nigel Farage, in which the illustrations would animate as you scrolled down the story. “Instead of doing what our competitors would probably do, which is to just illustrate the header and then have the story, we made it into a proper comic, using the amazing CMS/tech guys we have here, who are leading the way in terms of what we can do.

“What I find really exciting about working here is the possibilities, making things that move and animate, and seeing people respond to it. I think we’re leading the way on that side.”

An illustration of Nigel Farage in a suit, smoking a cigar. The smoke forms the words “Article 50”, with the text “Nigel Farage in...” above it and “An adventure into the unknown!” below.
Above

Tim Lane / Tim Humberstone for BuzzFeed

A collage on a bright pink background features a figure in a suit with a wide-eyed, shouting expression. To the left, bold black and white typography reads “SAY WHAT YOU ReALLy Think”.
Above

Tim Lane / Nate Kitch for BuzzFeed

Photography-wise, Tim and Laura Gallant have been pushing the envelope, trying to deliver shoots on the level of a broadsheet newspaper. With the new approach and equipment, Tim comments that they’re “getting bigger celebrities, and they’re letting us do more creative things,” – see their shoots with James McAvoy and Helen Mirren.

For the quick-fire news stories that are often published too quickly for art team support, Tim has developed a chart-building tool. “I noticed the journalists were using a lot of screengrabbed charts often made in Excel. You got a lot of dodgy looking charts! So I worked with the CMS guys and designed a chart builder, so now they have a choice of six charts and a set of colours to choose from to make their own. It’s just about tightening up the visual style, so the charts are consistent and Buzzfeed-y, and they use them in the US and elsewhere now.”

For the recent UK election, Tim worked on his first live show at the platform, which applied his same ethos. “I wanted to give everything we did a strong visual style that transcended the illustrations, the staging, the graphics… it all came from the initial logo – a ballot box with a simple shape in four colours. 

“It looked professional compared with past events, but more importantly it just didn’t look like anyone else could have done it. It didn’t look like the BBC or Channel 4, or Sky News, it looked like Buzzfeed. Colourful, bright, irreverent, but considered. I think it’s important not to lose the qualities that made it such a success in the first place, keeping its personality but taking it to that next stage, and trying to compete with our rivals.”

A black and white portrait of a person looking downwards, with half their face cast in deep shadow. Bold text to the left reads “IN HIDING”, with the word “IN” highlighted in a red box.
Above

Laura Gallant / BuzzFeed

A collage featuring a red Shell logo on a bright yellow background. The image is layered with strips of yellow tape and fragments of US dollar bills, with the words “SHELL SHOCKS” printed in red across the centre.
Above
Tim Lane / BuzzFeed
A collage of three images showing a brightly coloured, toy-like studio set for a BuzzFeed election broadcast. The set features miniature London landmarks, including Big Ben, the London Eye and Tower Bridge. One image shows stylised illustrations of Jeremy Corbyn, Theresa May and Boris Johnson.
Above

Buzzfeed: election live show; leader illustrations: Rebecca Hendin​ / BuzzFeed

A person sits on a curved black sofa in a brightly coloured television studio. Behind them, a screen reads “BuzzFeed x Facebook” and “Election Night: What Happens Now?”.
Above

Buzzfeed: election live show

A 3D render of a cube against a white background. One side features blue, red and yellow horizontal stripes, while the black side shows a red circle containing a white upward-pointing arrow.
Above

Buzzfeed election logo

A grid of six data visualisations using a red, grey, black and blue colour palette. The charts include a horizontal bar chart, a vertical bar chart, a line graph, a concentric ring chart, a scatter plot and a pie chart.
Above

Buzzfeed chart builder

An infographic showing UK election results for a “Hung Parliament” after 649 seats were declared. A bar chart and a hexagonal map of the UK show seat counts for parties including Con, Lab, Snp, Oth, Ld and Grn.
Above

Buzzfeed chart builder

A black and white portrait of Jeremy Renner looking directly at the camera with a serious expression. He wears a dark jacket over a matching T-shirt against a plain, gradient background.
Above

Laura Gallant / BuzzFeed

Animations by Sian Butcher and Rebecca Hendin / Buzzfeed.

Share Article

Further Info

About the Author

Jenny Brewer

—

Jenny oversees editorial output across It’s Nice That. Get in touch with writing pitches for features or opinion pieces, big creative story tips, or questions about all things editorial. [email protected]

To submit your work to be featured on the site, please see our Submissions Guide.

It's Nice That Newsletters

Fancy a bit of It's Nice That in your inbox? Sign up to our newsletters and we'll keep you in the loop with everything good going on in the creative world.