Clicky

X

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

0 Flares Twitter 0 Facebook 0 Google+ 0 LinkedIn 0 Buffer 0 Email 0 StumbleUpon 0 Filament.io 0 Flares ×

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.

Infographics

- 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

AUTHORED BY:
h

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.
0 Flares Twitter 0 Facebook 0 Google+ 0 LinkedIn 0 Buffer 0 Email 0 StumbleUpon 0 Filament.io 0 Flares ×