WordCamp Lancaster: Designing for WordPress and Web Design

Posted on: 16 Jul 2013
Written by:

I recently had the pleasure to speak amongst many talented WordPress designers and developers about ‘Designing for WordPress and Web Design: Bridging the gap between design and development.’

From presenting this talk to the WordPress London Meetup group last year, I decided to update the presentation to include a few new bits and a few new examples before presenting at the UK’s WordCamp Lancaster. Since the presentation is image heavy and I expand on points a lot, I thought it would be most useful to people visiting this post to be able to see a screencast of my presentation. Without further ado – please see the video below for the screencast (maybe make a cuppa before you sit down to watch and listen) and if you’d like to revisit any slides they are situated just below the video along with the resources.

Slides:

Resources:

Eye tracking study reveals 12 website tactics
http://www.directcreative.com/blog/eye-tracking-websites

Minimalist Web Design: When Less is More
http://www.webdesignerdepot.com/2009/12/minimalist-web-design-when-less-is-more/

How Limitations Improve Design
http://www.webdesignerdepot.com/2010/08/how-limitations-improve-design/

The Invisible Side of Design, by Vitaly Friedman
https://speakerdeck.com/smashingmag/the-invisible-side-of-design

Understanding Visual Hierarchy in Web Design
http://webdesign.tutsplus.com/articles/design-theory/understanding-visual-hierarchy-in-web-design/

Colour Scheme Inspiration
http://www.colorsontheweb.com/colorwizard.asp
http://colorschemedesigner.com/
https://kuler.adobe.com/create/color-wheel/
http://colrd.com/

Main website example in this presentation: http://www.butterfield.com/

If you’d like to find out more or get in touch, please email ngaire@designack.com.

Categories: Blog, Graphic Design, Resources, Website Design
Tags: , ,

« Back to Blog