1. design & development briefing

2. why?

3. why. Your website can only be as good as the brief you worked from.

4. why. The best projects are born from briefs that are open enough to inspire ideas, while being specific enough to feel workable.

5. what?

6. briefing. The basics Basic project information (Marketing) objectives Format Budget and schedule What do you provide the designer/developer Description of target audience Message objectives Where to look for inspiration What not to do

7. briefing. (Marketing) objectives What do you want to achieve with the community/website In what form do you want to incorporate this into the project

8. briefing. Budget and schedule Setup a functional and realistic schedule to accommodate; Concept development Design Development Testing User feedback Consultations

9. briefing. Budget and schedule (tips) Make use of great online applications for time tracking and project management Basecamp (www.basecamphq.com)www.basecamphq.com Lighthouse App (www.lighthouseapp.com)www.lighthouseapp.com Tickspot (www.tickspot.com)www.tickspot.com

10. briefing. What do you provide the designer/developer Screenshots, photos, sitemap, wireframes, sketches, doodles, logo, color schemes Everything you can possible think

11. briefing. Description of target audience Occupation, gender ratio, average age, nationality/location, psychological demographic, lifestyle preferences. Highlight information important for the designer/developer

12. briefing. Message objectives How/what are you going to communicate to your user base Which content is most important to achieve this objective Call to actions Product samples

13. briefing. Where to look for inspiration Search the web Let the designer/developer know which websites you do like and be very specific what you like about it Let the designer/developer know which websites you don’t like and be very specific what you dislike about it TIP make a moodboard

14. inspiration. Where to look for inspiration (tips) WebbyAwards Cannes Lions CSSMania The Daily Slurp

15. briefing. What not to do Don’t do the work of the designer

16. how?

17. how. Conversation & Collaboration Work together with the designer and developer Stay on top Answer questions before they become questions When in doubt, ask!

18. how. Structure & Content Keep the website structure clearly separate from the initial content Structuur Sitemap Wireframes Content Call to actions Text content

19. explore. Open source CMS Joomla!Joomla Wordpress

20. explore. Literature / Reference Getting Real by 37Signals.comGetting Real Cleardesign.uk Wireframes & Moodboard ImageSpark Wireframe examples Inspiration CSSMania Colorschemer

21. questions?