Agencies – too busy working on other people's digital products to actually sort out their own websites.

However, there are plenty of good agency sites out there. And I've selected 10 of them.

Most are from Econsultancy's Top 100 Agencies 2016 report, which has a UK flavour, but not all of them feature there. Am I an expert? Not really, but I've shown my workings below...

1. Made by Many

Made by Many has an incredibly charming website. The delightfully naive, Shrigley-esque logo is echoed in much of the typography, and high quality illustrations help to give a warm and integrity-laden feel.

made by many

Here are some of my favourite bits...

A blog with lovely illustrations of each author.

made by many blog

Big and convincing testimonials, including photos of the client in question.

made by many

A little side menu in the header, containing categories, side projects and events, each of which are beautifully represented. The side projects contain some ingenious little endeavours, such as a solution to let the agency's studio dwellers know when the toilet is vacant.

is the toilet free?

The events page is worthy of framing.

events made by many

A newsletter sign-up. Not all that common to see one of these so prominent on an agency website, but definitely a good idea, to ensnare those that might be considering enlisting a new agency.

made by many newsletter

2. Stink Studios

The Stink Studios website exudes the same kind of cool you get from those infrequently-published fashion magazines you see in the newsagents with titles such as 'The Gentlewoman' or 'sum zine'.

There's a confidence in the typography, white space above the fold, and lack of showing off with any scrolling trickery. It looks just as cool on mobile, too. The Stink group used to consist of Stink Films, Stinkdigital and Stinkstudios but at the beginning of this year, the latter two were fused together.

It feels significant that the word 'digital' has disappeared. On the website itself, you aren't bombarded with digital guff, rather the work speaks for itself, and happens to include digital assets.

stink studios

I should probably pick out a few UX/design details I noticed and liked.

Scroll down quickly on the News or Work or Contact pages and watch how nicely the images perform their lazy load. Lovely squares in graduated pastel patiently wait for their images to overlay, meaning the page looks cool whether the images have loaded or not.

stink studios

There's a quirky little fact rotator on the careers page.

agency facts

Scrolling down any page, you can move your mouse to the left margin and the header menu will appear down the left-hand side, so you can navigate without needing to scroll back to the top.

stink side menu

3. DigitasLBi

I was occasionally a little disoriented when clicking around LBi's new website. But, heck, it was fun. And eventually you realise it's all there in the header menu.

There is no real way to do the website justice, other than telling you to explore it, so I have simply collected a variety of intriguing screenshots. It is bold, colourful and feels unique.

Inspired by Virgin America?

unicorns

Careers

careers lbi

careers lbi

People

lbi linkedin

More unicorn

digitaslbi

Look out for the yearbook (shown below), where DigitasLBi produces a little vignette every single day to show off a member of staff or a piece of work.

lbi yearbook

There's some very creative video of staff, too, capturing their hobbies.

digitas people videos

And a great 404

404

4. Sagmeister & Walsh

If you're a client of Sagmeister & Walsh, you can simply visit the agency's homepage to check whether the staff are working hard or not. Yes, the homepage is live video from the agency's offices.

sagmeister and walsh home

The website, with plenty of black and white, and 'plain text' font appears basic at first glance – just look at the 'services' and 'clients' sections on the 'about' page below.

However, the agency, which has heritage in print and identity design, is fairly obviously just projecting its ridiculously confident personality.

sagmeister and walsh services

In the 'News' and 'Work' sections of the site, colour finally reigns. One of the nice bits of UX when you're navigating the site is a chunky 'x' for a cursor, and all-in-all you do get the feel of a luxury brand (indeed, the agency has worked with many luxury clients).

sagmeister and walsh blog

Work

sagmeister and walsh work

Clicking through to individual case studies, the imagery is really nicely presented, and the way it fills the page makes it seem as if you are flicking through a coffee table book.

The design is left to speak for itself, with little accompanying text unless you click to see project info.

sagmeister and walsh work

5. Clearleft

Another agency that has redesigned its website in 2017, Clearleft is my favourite on this list. As you'd expect from an agency with its roots in usability, the website is just beautifully easy to navigate and its information easy to absorb.

And it doesn't stop at the typography and the layout, the case studies are impressively extensive, the people profiles informative (and not cutesy) and the blog articles very measured and insightful (showing passion, too).

Homepage

clearleft home

Client stories

client stories

clearleft client stories

Case study

case study

People

clearleft people

Posts

clearleft posts

6. Hugo & Cat

There are a number of websites I have selected because of their sheer simplicity of message.

Hugo & Cat employs simple and powerful copywriting with great contrast between typography, illustration and background. Examples of copywriting:

  • 'We transform relationships between brands and people'
  • 'Going beyond delivery'
  • 'Calling a new generation'
  • 'Turning fun into fans'
  • 'Collaboration that creates powerful results'

Homepage

hugo & cat

Contact page

hugo & cat contact page

The most striking part of the design is on the individual client work pages.

Though they all use the same templates – with clearly presented copy and images, and detail on the type of work and what awards it has won – each page uses a different colour scheme, and this brings a really strong visual thread through the agency's work.

Work template

work template - hugo & cat

Various case study headers

 camper work - hug & cat

ireland work - hugo & cat

sony work page - hug & cat

7. Bolden

Netherland-based Bolden has a homepage that looks slightly confused (if cool) until you scroll over either the blue or red filter in either corner (see further below).

The blue translucent style font is used throughout and is very effective.

bolden home

bolden home blue filter

Bolden is one of the only websites on this list that uses black and white imagery on its case studies page. The stylised images really help to intrigue the user, with a title showing on rollover with the mouse.

bolden cases

And lastly, Bolden lays claim to the coolest 'about' page of the lot, beginning with a simple list of names of each member of staff. Again in that icey translucent blue.

bolden about

8. Code

Code (formerly Code Computerlove) is another agency with big colours and chunky typography. Beginning as a minimal viable product, this website is consequently very easy to navigate and does the job you feel a website for any smallish independent agency should do. 

code homepage

Simple copywriting

code partners

The 'work' pages positively zing in client brand colours with a big hero logo and a question that sums up the brief. 

amnesty code

code asda

9. Rawnet

The word that best describes Rawnet's website is 'memorable'.

Ultra bold colours and typography, and full-screen imagery along with a far-from-conventional sideways scroll on desktop (for many pages, barring individual case studies), means this is an agency website you're unlikely to see copied by its competition.

The sideways scrolling is certainly interesting, but arguably a little confusing, especially as on a few pages my trackpad seemed happier when I motioned to scroll down (which took the page sideways). Those potential customers who don't like experimentation, may be put off - no bad thing, perhaps.

Case studies (sideways scroll)

Rawnet cases studies

rawnet cae studies

Hero illustration for a case study page

rawnet case study

Chunky typography

rawnet contact

10. dogstudio

Last on the list is Belgium's dogstudio. I have to admit that the only reason I added it here is because I love the way that the work is presented on the homepage – click and you're taken to the client's actual website (designed by dogstudio), rather than to a long case study page.

I love this idea (and that it opens in a new tab) because it encourages engagement with their work, and cuts down on marketing spiel.

dogstudio work

There's some slightly more off-the-wall imagery and copy, too.

dogstudio

And a very creative contact page. I have only captured one example in the GIF below, but the message here cycles at least 20 times, containing some strange, perhaps even inappropriate sentences ("If you like hitting on grandmas..").

dogstudio gif 

And on that note, we come to the end of our list.

Agree? Disagree? What makes a great agency website - let us know below.

Ben Davis

Published 27 March, 2017 by Ben Davis @ Econsultancy

Ben Davis is Editor at Econsultancy. He lives in Manchester, England. You can contact him at ben.davis@econsultancy.com, follow at @herrhuld or connect via LinkedIn.

1129 more posts from this author

You might be interested in

Comments (6)

Comment
No-profile-pic
Save or Cancel
Lawrence Everard

Lawrence Everard, Director at Little Yellow Duck

A slightly unexpected and thoroughly delightfully selection. Great read with my morning coffee.

8 months ago

Lawrence Everard

Lawrence Everard, Director at Little Yellow Duck

make that delightful...

8 months ago

Ben Davis

Ben Davis, Editor at EconsultancyStaff

Cheers Lawrence

8 months ago

Kirsty Hunt

Kirsty Hunt, Account DIrector at Code Computerlove LtdEnterprise

Should you visit the Code site you'll see a revised experience based on human insight and data :)

Brilliant Never Stops

8 months ago

Ben Davis

Ben Davis, Editor at EconsultancyStaff

I like the newly expanded visuals, Kirsty. Thanks

8 months ago

Avatar-blank-50x50

Jyotishman Goswami, Director at Search Matrix Private Limited

Nicely compiled list, Ben, what catches my attention is Sagmeister & Walsh livestreaming their office as well as Hugo & Cat catching attention with their copy.

8 months ago

Comment
No-profile-pic
Save or Cancel
Daily_pulse_signup_wide

Enjoying this article?

Get more just like this, delivered to your inbox.

Keep up to date with the latest analysis, inspiration and learning from the Econsultancy blog with our free Digital Pulse newsletter. You will receive a hand-picked digest of the latest and greatest articles, as well as snippets of new market data, best practice guides and trends research.