Subscribe to our newsletter

Get the State of Digital Newsletter
Join an elite group of marketers receiving the best content in their mailbox
* = required field
Daily Updates

Working with designers and SEO – #ProSEO Seminar 2010

26 October 2010 BY

Now for Distilled’s Leonie Wharton’s simple tips on getting the best out of your relationship with your designers.

(Sorry guys, no time to cover Andy’s tips on technologies & SEO – watch out for his blog post on the Distilled blog soon.)

Firstly, learn to communicate better with designers – it’ll help everyone!

- Let them know about design restrictions, especially if they are coming from a print background. Use something like a progressive enhancement methodology to ensure every step has its i’s dotted and t’s crossed.

- Show your designers where they need to focus on simple text areas but also let them know where they can have fun.

NB. The SEO should enforce sign-off and they should be involved right from the get-go. Start at the wireframes stage. Nothing should be a bad surprise as each of the stages progress, make sure your designer knows exactly what the final goal is from the very beginning.

- Try to provide your designer with the actual content, and help them understand what the key content is – as well as which images are going to sit alongside that content.

- You may need to reign the designer in on the font side of things, make sure there is a set style guide so you also know what you are doing if they are not there but you want to add content.

- Increase page speed – you can lower the file size, as long as you can maintain a decent image quality!

- However large or small, finding the right content should be simple if the information architecture is logical and the design is clear. Use simple wireframe templates.

- Make navigation obvious – don’t let your designer run away with their ideas

- Splash pages – enough said right.

- Breadcrumbs are an easy area a designer to miss out without guidance, same for text on category pages

Call to Actions

- Are they obvious? Squint at the page, can you still see them?

- Think contract to other website colours

- Do your buttons look clickable?

- Make sure the text on your button is an action – e.g. sign up, book now etc.

- Don’t clutter a page with too many call-to-actions as they lose their weight on the page

- Remember positioning – they should be at the end of the form, in line with where the user is used to clicking. Don’t move the button away.


- Don’t just use Google Images!

- Analyse what similarities your infographic content has

- Note down any visual references

- Decide on a colour pallete

- Include graphs and silhouette imagery

- Choose one font for the title and another for the body copy text

- Highlight key facts as either pull quotes or by using bold colours


Originally from the UK via France and Malaysia, Annabel Hodges is a digital marketer with long experience in the industry now residing in Sydney. She heads up the Digital Marketing at Next Commerce, working across an array of products, channels and brands.

Nice job, you found it!

Now, go try out the 12th one:

Use Google Translate to bypass a paywall...

Ran into a page you can't read because it is blocked or paywalled? Here's a quick trick (doesn't always work, but often does!):

Type the page into Google translate (replace the example with the page you want):

How about that!?

Like this 12th trick? Tell others they need to look for this trick on our page:

Or Tweet: Found the secret 12th one!