Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
Is Responsive the best solution to all our Mobile SEO problems>
Next
Download to read offline and view in fullscreen.

481

Share

Download to read offline

From Concept to Completion: Tips for Designing Great Content

Download to read offline

Presentation for BrightonSEO with tips on designing great pieces of content from a designer's perspective. This covers the stages of the creative process and gives an overview on key design elements, along with actionable tips throughout.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

From Concept to Completion: Tips for Designing Great Content

  1. from conceptconcept to completioncompletion tips for designing great content vickecheung«||/graphicdesigner,Distilled/@vickekaravan
  2. people like to joke about what graphic designers do
  3. This is more like what we actually do
  4. www.concerthotels.com /100-years-of-rock 90,000 6,100 566
  5. thetrainline.com /tools/festival-finder featuredin
  6. worldpayzinc.com /tech-wealth featuredin 7,900 1,900 359
  7. from conceptconcept to completioncompletion tips for designing great content
  8. -the- processprocess nailingnailing part one
  9. visual research visual research -1-
  10. SPEND 15 MINUTES COLLECTING VISUALS SPEND 15 MINUTES COLLECTING VISUALS
  11. google images isn’t the right place to look
  12. instead check out these PATTERNTAP.COMBEHANCE.NET DRIBBBLE.COM
  13. use pinterest to create moodboards
  14. install their browser tools about.pinterest.com/goodies
  15. be broad with initial research, refine with analysis. be broad with initial research, refine with analysis.
  16. let related pins lend a helping hand
  17. after researching, you should end up with something like this…
  18. now SPEND 15 MINUTES refining & analysing now SPEND 15 MINUTES refining & analysing
  19. COMMENT ON THE PINS
  20. tell your designer what you want as well as what you don’t want tell your designer what you want as well as what you don’t want
  21. a good example of thorough research & analysis
  22. create shared boards for more input
  23. the design brief (...in brief) the design brief (...in brief) -2-
  24. -thinkabout…- any brand restrictions?
  25. -thinkabout…- any brand restrictions? where will it live?
  26. -thinkabout…- any brand restrictions? where will it live? responsive layouts?
  27. STREAMLINE YOUR PROCESS BY SETTING UP A BRIEFING TEMPLATE STREAMLINE YOUR PROCESS BY SETTING UP A BRIEFING TEMPLATE
  28. giving feedback giving feedback -3-
  29. the dreaded thread
  30. sowhatdoyouthinkaboutv.2.3.1 isentover... ifedbackinlineafewdaysago. didn'tyouseeit... ...oh.
  31. realtimeboard.com IS THE ANSWER
  32. 4 steps to realtimeboard 4 steps to realtimeboard the distilled way
  33. 1 create new boards per project
  34. 2 keep everyone in the loop
  35. 3 Upload visuals at each stage
  36. 4 Make good use of the comment tool
  37. try it out for yourself - it’s free! try it out for yourself - it’s free!
  38. QUALITY ASSURANCE testing quality assurance testing -4-
  39. something'sbroken... has a client ever come back and said…
  40. and you’re thinking… butIcheckedit like10times!
  41. have thorough browser and platform testing in place have thorough browser and platform testing in place
  42. for comprehensive testing: browserstack.com
  43. for simple responsive testing: responsinator.com
  44. for simple responsive testing: responsinator.com
  45. -recap- 1. Get involved in research 2. use pinterest 3. feedback with realtimeboard 4. test thoroughly
  46. -on- designdesign tipstips part two
  47. typographytypography
  48. sad, but true.
  49. wherecanIfindgoodfonts?
  50. invest in good web fonts £ AAzz
  51. consider a typekit.com subscription
  52. quality web fonts… for about the price of a coffee each month
  53. be aware that not all free fonts you can download are suitable for web be aware that not all free fonts you can download are suitable for web
  54. for free web fonts stick with these google.com/fonts fontsquirrel.com
  55. imagesimages
  56. the trend of using big, photographic images is still going strong
  57. they complement the chapters of this guide
  58. this doesn’t work at all Chapter 3 FUNNY BUSINESS: THE ROLE OF HUMOUR
  59. BLATANTLY STAGED STOCK PHOTOGRAPHY IS DISENGAGING BLATANTLY STAGED STOCK PHOTOGRAPHY IS DISENGAGING
  60. AN ALTERNATIVE: STOCKSY.COM
  61. evidently stocksy is the better option here
  62. zero budget? try flickr via creative commons search.creativecommons.org
  63. iconsconsistency is key consistency is key
  64. google sets a great example with its visual asset guidelines behance.net/gallery/Google-Visual-Assets-Guidelines-Part-1/9028077
  65. e.g. a whole section on using shadows
  66. icons ENSURE CONSISTENCY BY CUSTOM DESIGNING AS OPPOSED TO DOWNLOADING ensure consistency by custom designing as opposed to downloading
  67. social imagessocial images
  68. THESE VISUALS MIGHT BE SOMEONE’S FIRST POINT OF CONTACT WITH THE PIECE
  69. they have to pack a punch and be executed well
  70. 3 ways to achieve this 3 ways to achieve this
  71. 1. let the image speak for itself 2. crop to your advantage 3. ONE SIZE DOESN’T FIT ALL
  72. -keytakeaways- show off with social images give typekit a go don’t settle for ‘really-stock’ stock photos
  73. thank youthank you vicke cheung vicke.cheung @ distilled.net @vickekaravan
  74. image credits flic.kr/p/8wvsPK shutterstock.com flic.kr/p/eZhYRU typetoken.net/typeface/ good-typography-is-invisible flic.kr/p/bMqynV TYPESETINAWconqueror&BLANCH. 2 23-25,29,38-39,48-49,57,66 46 47 54
  • agungsihwahyudi

    Jul. 25, 2020
  • ArbaazDesai27

    Oct. 27, 2019
  • LStMadisonVenable

    Sep. 26, 2019
  • GabrielPaunescu1

    Feb. 20, 2019
  • NancyDembia

    Nov. 29, 2018
  • KlassicsKe

    Jul. 9, 2018
  • ChaithanyaMalalur

    Apr. 12, 2018
  • JacksonGilbert1

    Feb. 3, 2018
  • Saadkhan1989

    Sep. 14, 2017
  • ameliarosewilde

    Jul. 16, 2017
  • SayaliJoshi6

    Jan. 24, 2017
  • raynoe

    Nov. 25, 2016
  • AhmedAdam56

    Nov. 21, 2016
  • BrAndrsn

    Nov. 7, 2016
  • jo2any

    Oct. 24, 2016
  • MariuszMuraszko1

    Aug. 3, 2016
  • NadgeBide

    Jul. 31, 2016
  • ribosa1

    Jun. 19, 2016
  • kimberlyochal

    Mar. 27, 2016
  • ElisabethHindert

    Feb. 21, 2016

Presentation for BrightonSEO with tips on designing great pieces of content from a designer's perspective. This covers the stages of the creative process and gives an overview on key design elements, along with actionable tips throughout.

Views

Total views

66,627

On Slideshare

0

From embeds

0

Number of embeds

16,032

Actions

Downloads

987

Shares

0

Comments

0

Likes

481

×