Graphic designers are NOT ruining the web

This was supposed to be one blog post, but it became too long for this type of site. If anyone expresses any interest in the other two parts I’ll finish it. Let me know in the comments.

This post is primarily a response to the bone-headed post (read it, then come back) by John Naughton (professor of the public understanding of technology at the Open University) in The Guardian. It is also prompted by a number of discussions I’ve had on Twitter where people thought that the new ‘design’ of a site was what had made it worse.

It seems that although people (some of them are even so-called technology professors – see above) use websites every day, they have very little idea how they are made.

I’m not talking about about HTML/CSS etc, or even the graphic design. I’m talking about the whole process. A website is more than just code and design.

I will be illustrating this post with visuals for a website. They are all for the same website (many are rough, rubbish and unfinished) but they might show how the design process progresses.

A clean slate?
Before a designer even puts pencil to paper (and many still do) there are certain conventions that must be obeyed. Firstly, websites are assumed to have a ‘structure’ – beginning with a recognisable home page which includes a menu with items such as “about us” “our products” and “contact us”. These will vary by website, but there is always a home page with a menu.

Secondly the site must conform to the corporate identity of the organisation it is for. For example, the font used in headings will be the same as that used in printed material, and there may be a pre-set colour palette. There may also be ‘graphic devices’ – swooshes, or other elements that are mandatory. Many organisations will have guidelines how photography should be used (some insist on only colour images, other mono) and even the tone of voice used for any writing.

Thirdly, the site must suit the organisation it represents. A site for a restaurant will look very different from one for an engineering company. Websites for academic or Pharma organisations are different again. You can’t muck about with this. Well, you could, but visitors to the site simply won’t understand it, and the client won’t approve it. Which brings me to the client…

Finally, the site must suit the client. This is partly defined by the requirements outlined above, but must also take into consideration their personal preference and personality. Some clients hate/love particular colours, others have inter-office politics to deal with, others may loathe the corporate identity they have to work with, and will want to tone it down as much as possible. Some clients have initiated the new website project… and others will have had it thrust upon them from on high.

So, before the design has even begun, a designer must take into consideration internet conventions, client corporate identity, client sector and finally the client him/herself. A website never starts with a clean sheet of paper.

The brief
Normally, and taking into consideration the things above, a designer will be given a brief on what is needed from the design of the site. This will usually have come directly from the client and may be as loose as “Design us a cool new site” or be a detailed description of what exactly should go it it. It will also be filtered through the experience/ability of the Project Manager. Some are good, they know the client well, and know what they want. Some are overworked and are constantly on the back foot and basically trying to keep their head above water and keep everyone one happy.

This would all be fine, but we have forgotten The Pitch.

The Pitch
This was the four-hour, coffee-scented, adrenaline-drenched meeting during which ‘we’ won the client from ‘them’ (the incumbent agency, who was probably doing a fair job, but the client had got bored of them, and thought that changing agencies would remedy their lack of consumer engagement and high bounce rate. (Look them up)).

During this meeting, people who often have very little to do with the actual implementation of a website will promise the earth in order to get the account. They will throw out terms such as “social media engagement” or “VLOGS” and will attempt to convince the client, who we have established may not even want to update their website, that they must update it. And they must use all the bells and whistles available with today’s technology. And many that aren’t.

So, against a background of pre-conceived internet conventions, personal preferences and pie-in-the-sky promises, the design of the website can finally begin….

 

As I said above, to keep this post short I have finished it early. If you would like to know more, let me know in the comments. If not, also let me know, as I’m in two minds as to whether to leave this post up. Thanks for reading this far.

 

Posted in Design work, Uncategorized | 2 Comments

Wasted on children, part 3

From The Wind In The Willows. The Boy is baffled by it, but seems to enjoy hearing it anyway.

Wind In The Willows

Posted in Uncategorized | 1 Comment

A billboard for Boots

I did this ages ago, but I still like it.

A very simple concept (this is the last of the three stages…can you guess what the others were?), but the client liked it, and it beat offerings from much larger agencies.

Boots Jigsaw Logo Billboard

While digging out this image I noticed that I had some of original scans from the photoshoot. They aren’t interesting, but I’ve included them for completeness. Also, comparing the source images to the final one, see if you can spot what took longest to do in Photoshop.

Three Boots Jigsaw Logos

 

Posted in Design work | 2 Comments

Graphic designers, save your work

This is a little essay to help graphic designers preserve their sanity. It is primarily aimed at them, because that is what I do for a living, but it is just as applicable for anyone else who creates work that is special to them which is then taken out of their control.

We’ve all been there, created a beautiful visual for a client, only to have it ‘corrected’ by a project manager (they will normally mention that they used to be a graphic designer 20 years ago), or improved by a client who asked guests at a dinner party what they thought of it.

A piece of work that you put a lot of heart and effort into can so easily be spoiled. And not necessarily made worse, but made no longer your own. Do you want to put your name to it any more? Do you still want it into your portfolio after the marketing guys have insisted in making the headings bigger. And bolder. And italic. And changed the font to Gill Sans.

During a 15+ year career I must have produced thousands of pieces of work, both for print and online, and very few of them are in my portfolio. And quite recently, I realised what I’d been doing wrong.

What I’d been doing wrong was I’d been saving the final printed copy of a document (or finished website) and in many cases, it wasn’t my work. It was built on my original design, but it had accreted layers of additions, amends and ideas from other people. In some cases the final piece was unrecognisable.

I realised that what I needed to do was spot the point at which the design was moving away from my original intended direction and Put A Pin In It. Save it away in my Portfolio Folder, safe from any future interference. That way, it didn’t matter what happened to the design after that.

Now don’t get me wrong, I would still do my best to defend it against silly opinions from the client’s wife who thought that lavender was a suitable colour for a business card, but if I lost that battle, I’d still have my baby, intact.

I recently gave this advice to a computer game designer who was tearing his hair out over the same problem. It made him a lot happier.

I’m sure there are designers who are shaking their head at this defeatist attitude. But it isn’t defeatist, it is how things work unless you are fantastic, or famous. And I am neither.

So, next time you are working on a beautiful brochure, and the client sends you 5 times more copy than they had promised, before you shoehorn it all in, save a version away. Safe. And then put that version in your portfolio.

Or perhaps you don’t agree… let me know.

Posted in Design work | 6 Comments

Warm Inside

This isn’t the best quality photo, as it is a digital zoom run through Instagram. But you get the idea though.

20120205-003015.jpg

Posted in My photos | 1 Comment