Download - Blog camp-02 2011
![Page 1: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/1.jpg)
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
![Page 2: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/2.jpg)
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
![Page 3: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/3.jpg)
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
![Page 4: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/4.jpg)
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
![Page 5: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/5.jpg)
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
![Page 6: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/6.jpg)
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
![Page 7: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/7.jpg)
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
![Page 8: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/8.jpg)
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
![Page 9: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/9.jpg)
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
![Page 10: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/10.jpg)
![Page 11: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/11.jpg)
![Page 12: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/12.jpg)
![Page 13: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/13.jpg)
![Page 14: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/14.jpg)
![Page 15: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/15.jpg)
![Page 16: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/16.jpg)
![Page 17: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/17.jpg)
![Page 18: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/18.jpg)
![Page 19: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/19.jpg)
![Page 20: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/20.jpg)
![Page 21: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/21.jpg)
Typography
Visual content Social
Colour
Usability
![Page 23: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/23.jpg)
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
![Page 24: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/24.jpg)
![Page 25: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/25.jpg)
• http://kuler.adobe.com/#themes/• http://www.colourlovers.com/palettes/add• http://www.colorcombos.com/
![Page 26: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/26.jpg)
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
![Page 27: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/27.jpg)
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
![Page 28: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/28.jpg)
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
![Page 29: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/29.jpg)
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
![Page 30: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/30.jpg)
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
![Page 31: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/31.jpg)
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!
![Page 32: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/32.jpg)
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
![Page 33: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/33.jpg)
![Page 34: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/34.jpg)
![Page 35: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/35.jpg)
![Page 36: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/36.jpg)
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
![Page 37: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/37.jpg)
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
![Page 38: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/38.jpg)
![Page 39: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/39.jpg)
![Page 40: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/40.jpg)
![Page 41: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/41.jpg)
![Page 42: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/42.jpg)
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/
![Page 43: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/43.jpg)
![Page 44: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/44.jpg)
And finally, a questionHow can blogging provide halfan hour peace and quiet away from the kids…?
![Page 45: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/45.jpg)
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
![Page 46: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/46.jpg)
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
![Page 47: Blog camp-02 2011](https://reader034.vdocuments.site/reader034/viewer/2022051816/545bfc06b1af9f280a8b45d9/html5/thumbnails/47.jpg)
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