Calendar An icon of a desk calendar. Cancel An icon of a circle with a diagonal line across. Caret An icon of a block arrow pointing to the right. Email An icon of a paper envelope. Facebook An icon of the Facebook "f" mark. Google An icon of the Google "G" mark. Linked In An icon of the Linked In "in" mark. Logout An icon representing logout. Profile An icon that resembles human head and shoulders. Telephone An icon of a traditional telephone receiver. Tick An icon of a tick mark. Is Public An icon of a human eye and eyelashes. Is Not Public An icon of a human eye and eyelashes with a diagonal line through it. Pause Icon A two-lined pause icon for stopping interactions. Quote Mark A opening quote mark. Quote Mark A closing quote mark. Arrow An icon of an arrow. Folder An icon of a paper folder. Breaking An icon of an exclamation mark on a circular background. Camera An icon of a digital camera. Caret An icon of a caret arrow. Clock An icon of a clock face. Close An icon of the an X shape. Close Icon An icon used to represent where to interact to collapse or dismiss a component Comment An icon of a speech bubble. Comments An icon of a speech bubble, denoting user comments. Comments An icon of a speech bubble, denoting user comments. Ellipsis An icon of 3 horizontal dots. Envelope An icon of a paper envelope. Facebook An icon of a facebook f logo. Camera An icon of a digital camera. Home An icon of a house. Instagram An icon of the Instagram logo. LinkedIn An icon of the LinkedIn logo. Magnifying Glass An icon of a magnifying glass. Search Icon A magnifying glass icon that is used to represent the function of searching. Menu An icon of 3 horizontal lines. Hamburger Menu Icon An icon used to represent a collapsed menu. Next An icon of an arrow pointing to the right. Notice An explanation mark centred inside a circle. Previous An icon of an arrow pointing to the left. Rating An icon of a star. Tag An icon of a tag. Twitter An icon of the Twitter logo. Video Camera An icon of a video camera shape. Speech Bubble Icon A icon displaying a speech bubble WhatsApp An icon of the WhatsApp logo. Information An icon of an information logo. Plus A mathematical 'plus' symbol. Duration An icon indicating Time. Success Tick An icon of a green tick. Success Tick Timeout An icon of a greyed out success tick. Loading Spinner An icon of a loading spinner. Facebook Messenger An icon of the facebook messenger app logo. Facebook An icon of a facebook f logo. Facebook Messenger An icon of the Twitter app logo. LinkedIn An icon of the LinkedIn logo. WhatsApp Messenger An icon of the Whatsapp messenger app logo. Email An icon of an mail envelope. Copy link A decentered black square over a white square.

Dundee web designer helping Coldplay and Chemical Brothers to be a hit online

Ryan McLeod runs design company Made by Slurpp.
Ryan McLeod runs design company Made by Slurpp.

A Dundee web designer has been drafted by music stars such as Coldplay and the Chemical Brothers to help polish their online images.

Ryan McLeod, who runs design company Made by Slurpp, has worked on websites for both bands, most recently for the launch of Coldplay’s hit album A Head Full of Dreams, which was released last month.

Ryan and Grant MacLennan, from Glasgow digital firm Neu, created a website for the band where fans could upload photos to create their own artwork inspired by the cover of the album.

Once fans have completed their artwork, they are then emailed a printable file and an animated gif to post on social media.

For dance duo the Chemical Brothers, Ryan and Grant helped redesign the band’s website to reflect the artwork on their most recent album, Born in the Echoes.

Ryan, 28, said: “The brief was to encourage social media sharing and to drive content generation.

“It allows fans to engage with the artwork for the new album and take ownership of it so they can use it for profile pictures and so on.”

He added: “The challenge is to create something that is relevant to the artist and to what appeals to their fan base.

“It is really to create an experience that is visually exciting.”

Ryan graduated from Duncan of Jordanstone in 2010 after completing his degree in interactive media design.

Last year he and Grant set up an innovative clothing website called Instee, which allows customers to design and print their own T-shirts on an order by order basis.

Since graduating from DJCAD, Ryan has worked for a digital agency in Glasgow and freelanced in Canada.

After returning to Scotland, he set up Made by Slurpp which he runs from the Fleet Collective, a co-working space in Dundee.

He has also worked with a number of other companies in the city.

“I do a range of stuff and a lot of branding work,” he said.

“I’ve been working on rebranding for Dundee company Open Change, which is launching this weekend.”

A Head Full of Dreams debuted at number two on the UK album chart following its release in December.