Designbriefing

634 views
611 views

Published on

Also look on:

www.spinawards.nl

Published in: Design, Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
634
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
15
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Designbriefing

  1. 1. design<br />& development<br />briefing<br />
  2. 2. why?<br />
  3. 3. why.<br />Your website can only be as good asthe brief you worked from.<br />
  4. 4. why.<br />The best projects are born from briefs that are open enough to inspire ideas, while being specific enough to feel workable.<br />
  5. 5. what?<br />
  6. 6. briefing.<br />The basics<br /><ul><li> Basic project information
  7. 7. (Marketing) objectives
  8. 8. Format
  9. 9. Budget and schedule
  10. 10. What do you provide the designer/developer
  11. 11. Description of target audience
  12. 12. Message objectives
  13. 13. Where to look for inspiration
  14. 14. What not to do </li></li></ul><li>briefing.<br />(Marketing) objectives<br /><ul><li> What do you want to achieve with the community/website
  15. 15. In what form do you want to incorporate this into the project</li></li></ul><li>briefing.<br />Budget and schedule<br /><ul><li> Setup a functional and realistic schedule to accommodate;
  16. 16. Concept development
  17. 17. Design
  18. 18. Development
  19. 19. Testing
  20. 20. User feedback
  21. 21. Consultations </li></li></ul><li>briefing.<br />Budget and schedule (tips)<br /><ul><li> Make use of great online applications for time tracking and
  22. 22. project management
  23. 23. Basecamp (www.basecamphq.com)
  24. 24. Lighthouse App (www.lighthouseapp.com)
  25. 25. Tickspot (www.tickspot.com)</li></li></ul><li>briefing.<br />What do you provide the designer/developer<br /><ul><li> Screenshots, photos, sitemap, wireframes, sketches, doodles, logo,
  26. 26. color schemes
  27. 27. Everything you can possible think</li></li></ul><li>briefing.<br />Description of target audience<br /><ul><li> Occupation, gender ratio, average age, nationality/location,
  28. 28. psychological demographic, lifestyle preferences.
  29. 29. Highlight information important for the designer/developer</li></li></ul><li>briefing.<br />Message objectives<br /><ul><li> How/what are you going to communicate to your user base
  30. 30. Which content is most important to achieve this objective
  31. 31. Call to actions
  32. 32. Product samples </li></li></ul><li>briefing.<br />Where to look for inspiration<br /><ul><li> Search the web
  33. 33. Let the designer/developer know which websites you do like and
  34. 34. be very specific what you like about it
  35. 35. Let the designer/developer know which websites you don’t like and
  36. 36. be very specific what you dislike about it
  37. 37. TIP make a moodboard</li></li></ul><li>inspiration.<br />Where to look for inspiration (tips)<br /><ul><li>WebbyAwards
  38. 38. Cannes Lions
  39. 39. CSSMania
  40. 40. The Daily Slurp</li></li></ul><li>briefing.<br />What not to do<br /><ul><li> Don’t do the work of the designer</li></li></ul><li>how?<br />
  41. 41. how.<br />Conversation & Collaboration<br /><ul><li> Work together with the designer and developer
  42. 42. Stay on top
  43. 43. Answer questions before they become questions
  44. 44. When in doubt, ask!</li></li></ul><li>how.<br />Structure & Content<br /><ul><li> Keep the website structure clearly separate from the initial content
  45. 45. Structuur
  46. 46. Sitemap
  47. 47. Wireframes
  48. 48. Content
  49. 49. Call to actions
  50. 50. Text content</li></li></ul><li>explore.<br />Open source CMS<br /><ul><li>Joomla!
  51. 51. Wordpress</li></li></ul><li>explore.<br />Literature / Reference<br /><ul><li>Getting Real by 37Signals.com
  52. 52. Cleardesign.uk</li></ul>Wireframes &Moodboard<br /><ul><li>ImageSpark
  53. 53. Wireframe examples</li></ul>Inspiration<br /><ul><li>CSSMania
  54. 54. Colorschemer</li></li></ul><li>questions?<br />

×