The Eagleman Stag

Beautiful; watch it full screen. If you don’t have the time to watch this now, bookmark it for later.

Posted in Uncategorized | 2 Comments

The Boy’s birthday invitations

When both your parents are graphic designers who never get to use cartoon dinosaurs or silly fonts, this is what you get…

20120428-124845.jpg

Posted in Design work | 2 Comments

Photos from #Nottingham day on Twitter

Collected in one place, here are all my Instagram photos from #nottingham day on Twitter.

Nottingham Castle Gatehouse

Nottingham Castle Gatehouse

Little door on Castle Road

One of the little doors on Castle Road, Nottingham

The Flying Horse

Ye Old Flying Horse, Nottingham

Hurts Yard

Hurts Yard, Nottingham

Mapperley Park

Mapperley Park, Nottingham

Mortimer’s Hole

Mortimer's Hole, Nottingham

Norfolk Place

Norfolk Place, Nottingham

Severns House

Severns House, Nottingham

The Bell, Market Square

The Bell, Market Square, Nottingham

Nottingham Castle

Nottingham Castle

Ye Olde Salutation Inn

The Salutation, Nottingham

Ye Olde Trip To Jerusalem

Ye Olde Trip To Jerusalem

Market Square, Nottingham

Market Square, Nottingham

 

Posted in My photos | 1 Comment

Hobo Marks For Freelance Graphic Designers

A while ago I read about ‘Hobo Marks’, they are simple marks that tramps etc would chalk onto a gatepost or wall to warn other tramps of any local danger (overzealous police), or let them know of any local benefits (generous householder). There are some examples here.

Anyway, I thought a similar system would be useful for those of us who work at a different agency every week, and rarely know what to expect – so I very quickly did a set of Hobo Marks For Freelance Graphic Designers. I expect to see them chalked outside certain agencies very soon.

Let me know in the comments if you think I’ve left anything out.

Hobo Marks For Freelance Graphic Designers

Posted in Uncategorized | 5 Comments

DIY iPhone/iPad stylus

I keep getting asked for this link, so I’ll post it here so I don’t have to go and find it every time.

DIY: The 2-minute Stylus

http://howto.cnet.com/8301-11310_39-57398322-285/diy-the-2-minute-stylus/

Top tip, if you tuck a little of the silver foil into the pen barrel before you poke the cotton-wool bud into it you get a more reliable stylus.

Here’s one I made earlier:

20120323-203442.jpg

Posted in Uncategorized | 1 Comment

A logo for LowCarbonUK.com

Here’s a logo I have just put together for LowCarbonUK.com, a project run by the University of Bath to gather and share information from various Low Carbon Network Fund projects.

Low Carbon UK - colour logo

 

I like the colours I used, but was pleasantly surprised when I made the mono version – it looks really striking.

Low Carbon UK logo - mono version

Posted in Design work | 2 Comments

Testing Websites… A Story

Batchelor’s HQ. Web Department

Manager: “How’s the new website coming along Web Monkey?”

Web Monkey: “Nearly done Boss, we just need to test it to make sure it works in all the different browsers. Do you know anyone with an iPad?”

Manager: “Tish pish! Don’t bother testing for iPads – everyone knows those Apple nancy-boys prefer tofu to a nourishing bowl of Super Noodles. Just make sure it works on Internet Explorer, I’ve got a presentation in 15 minutes.”

Web Monkey: clickety-click.

Batchelor's Free Fuel Web Page - desktop browser

 

Some time later

Manager: “So, tell me about the stats for our super soaraway fuel offer.”

Web Monkey: “It is great, we’ve had an astonishing response. The demographic of people who like to make food by pouring hot water onto it is very closely aligned to those who want free fuel. Who knew?”

Manager: “The stats?”

Web Monkey: “Oh yes, loads of people using Internet Explorer, some using Chrome, but absolutely nobody using Mobile Safari. Lots of visits, but nobody filled in their details and sent the form.”

Manager: “So even the fancy-pants iPhone users are too busy wiping humous off their shiny screens to enter our competition properly. Exactly as I predicted! Back to work Web Monkey…once you’ve finished your Cup-a-Soup, obviously.”

At this point, the camera cuts away to a graphic designer in Hoxton, looking at his iPad and scratching his expensively coiffed head…

Batcherlor's Free Fuel website - the mobile version

 

 

And that folks, is why you should always test your website properly.

 

Posted in Uncategorized | 3 Comments

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