citeweb design | online marketing | social media communications

Cite | 42 Duke street, Leicester, LE1 6WA | 0116 254 9888 | www.cite.co.uk | Concept designs and ideas © Cite DMS Ltd 2010

Blog Camp#BlogCamp

Blog designDafydd Prichard

@lliwedd

citeweb design | online marketing | social media communications

Cite | 42 Duke street, Leicester, LE1 6WA | 0116 254 9888 | www.cite.co.uk | Concept designs and ideas © Cite DMS Ltd 2010

A quick word about cite

• Established 2000• We specialise in online marketing communications• Our team of 10 includes creative, technical and marketing• What we do

– Web design - corporate, catalogues, microsites, etc– Social media communications - particularly Facebook apps, blogs– E-commerce– Search engine optimisation (SEO)– Email marketing– Online marketing - planning and implementation– Support– Hosting and reporting

citeweb design | online marketing | social media communications

Cite | 42 Duke street, Leicester, LE1 6WA | 0116 254 9888 | www.cite.co.uk | Concept designs and ideas © Cite DMS Ltd 2010

citeweb design | online marketing | social media communications

Cite | 42 Duke street, Leicester, LE1 6WA | 0116 254 9888 | www.cite.co.uk | Concept designs and ideas © Cite DMS Ltd 2010

citeweb design | online marketing | social media communications

Cite | 42 Duke street, Leicester, LE1 6WA | 0116 254 9888 | www.cite.co.uk | Concept designs and ideas © Cite DMS Ltd 2010

citeweb design | online marketing | social media communications

Cite | 42 Duke street, Leicester, LE1 6WA | 0116 254 9888 | www.cite.co.uk | Concept designs and ideas © Cite DMS Ltd 2010

citeweb design | online marketing | social media communications

Cite | 42 Duke street, Leicester, LE1 6WA | 0116 254 9888 | www.cite.co.uk | Concept designs and ideas © Cite DMS Ltd 2010

citeweb design | online marketing | social media communications

Cite | 42 Duke street, Leicester, LE1 6WA | 0116 254 9888 | www.cite.co.uk | Concept designs and ideas © Cite DMS Ltd 2010

citeweb design | online marketing | social media communications

Cite | 42 Duke street, Leicester, LE1 6WA | 0116 254 9888 | www.cite.co.uk | Concept designs and ideas © Cite DMS Ltd 2010

Typography

Visual content Social

Colour

Usability

Jacob Nielsenhttp://www.useit.com

citeweb design | online marketing | social media communications

Cite | 42 Duke street, Leicester, LE1 6WA | 0116 254 9888 | www.cite.co.uk | Concept designs and ideas © Cite DMS Ltd 2010

Implications of the F Pattern

• Users won't read your text thoroughly in a word-by-word manner. • The first two paragraphs must state the most important information• Start subheads, paragraphs, and bullet points with information-carrying words

• http://kuler.adobe.com/#themes/• http://www.colourlovers.com/palettes/add• http://www.colorcombos.com/

citeweb design | online marketing | social media communications

Cite | 42 Duke street, Leicester, LE1 6WA | 0116 254 9888 | www.cite.co.uk | Concept designs and ideas © Cite DMS Ltd 2010

Aa Gg Mm Xx

Aa Gg Mm Xx Serif font: Times

Sans-Serif font: Arial

citeweb design | online marketing | social media communications

Cite | 42 Duke street, Leicester, LE1 6WA | 0116 254 9888 | www.cite.co.uk | Concept designs and ideas © Cite DMS Ltd 2010

citeweb design | online marketing | social media communications

Cite | 42 Duke street, Leicester, LE1 6WA | 0116 254 9888 | www.cite.co.uk | Concept designs and ideas © Cite DMS Ltd 2010

citeweb design | online marketing | social media communications

Cite | 42 Duke street, Leicester, LE1 6WA | 0116 254 9888 | www.cite.co.uk | Concept designs and ideas © Cite DMS Ltd 2010

citeweb design | online marketing | social media communications

Cite | 42 Duke street, Leicester, LE1 6WA | 0116 254 9888 | www.cite.co.uk | Concept designs and ideas © Cite DMS Ltd 2010

Typography resources

• http://www.w3schools.com/css/css_websafe_fonts.asp• http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

citeweb design | online marketing | social media communications

Cite | 42 Duke street, Leicester, LE1 6WA | 0116 254 9888 | www.cite.co.uk | Concept designs and ideas © Cite DMS Ltd 2010

Visual content

• Images. As well as photos and illustrations, you can consider graphs and infographics

• Resources like iStockPhoto, Flickr and DeviantArt are free or low-cost• Moving image – consider using video and audio

– YouTube– Vimeo– Audioboo

• Pull out quotes• Create images like cloud tags• Beware of using photos from `photo Libraries without paying – AP and Getty

regularly track down perpetrators!

citeweb design | online marketing | social media communications

Cite | 42 Duke street, Leicester, LE1 6WA | 0116 254 9888 | www.cite.co.uk | Concept designs and ideas © Cite DMS Ltd 2010

• http://www.istockphoto.com/• http://www.gettyimages.co.uk/• http://www.sxc.hu/home• http://www.deviantart.com• http://www.flickr.com

citeweb design | online marketing | social media communications

Cite | 42 Duke street, Leicester, LE1 6WA | 0116 254 9888 | www.cite.co.uk | Concept designs and ideas © Cite DMS Ltd 2010

citeweb design | online marketing | social media communications

Cite | 42 Duke street, Leicester, LE1 6WA | 0116 254 9888 | www.cite.co.uk | Concept designs and ideas © Cite DMS Ltd 2010

SEO

citeweb design | online marketing | social media communications

Cite | 42 Duke street, Leicester, LE1 6WA | 0116 254 9888 | www.cite.co.uk | Concept designs and ideas © Cite DMS Ltd 2010

• http://www.pregnantorbaby.blogspot.com/ http://www.katgotthecream.blogspot.com/ http://www.frecklesfamily.com/ http://www.travellingwren.com/ http://www.squidgyboo.com/ http://thefivefsblog.blogspot.com/

And finally, a questionHow can blogging provide halfan hour peace and quiet away from the kids…?

citeweb design | online marketing | social media communications

Cite | 42 Duke street, Leicester, LE1 6WA | 0116 254 9888 | www.cite.co.uk | Concept designs and ideas © Cite DMS Ltd 2010

citeweb design | online marketing | social media communications

Cite | 42 Duke street, Leicester, LE1 6WA | 0116 254 9888 | www.cite.co.uk | Concept designs and ideas © Cite DMS Ltd 2010

citeweb design | online marketing | social media communications

Cite | 42 Duke street, Leicester, LE1 6WA | 0116 254 9888 | www.cite.co.uk | Concept designs and ideas © Cite DMS Ltd 2010

#BlogCamp

Blog designDafydd Prichard

@lliwedd

Thank You!Dafydd Prichard