designbriefing
DESCRIPTION
Also look on: www.spinawards.nlTRANSCRIPT
![Page 1: Designbriefing](https://reader036.vdocuments.us/reader036/viewer/2022062614/546302f9b1af9fba388b519c/html5/thumbnails/1.jpg)
design& development
briefing
![Page 2: Designbriefing](https://reader036.vdocuments.us/reader036/viewer/2022062614/546302f9b1af9fba388b519c/html5/thumbnails/2.jpg)
why?
![Page 3: Designbriefing](https://reader036.vdocuments.us/reader036/viewer/2022062614/546302f9b1af9fba388b519c/html5/thumbnails/3.jpg)
why.
Your website can only be as good as the brief you worked from.
![Page 4: Designbriefing](https://reader036.vdocuments.us/reader036/viewer/2022062614/546302f9b1af9fba388b519c/html5/thumbnails/4.jpg)
why.
The best projects are born from briefs that are open enough to inspire ideas, while being
specific enough to feel workable.
![Page 5: Designbriefing](https://reader036.vdocuments.us/reader036/viewer/2022062614/546302f9b1af9fba388b519c/html5/thumbnails/5.jpg)
what?
![Page 6: Designbriefing](https://reader036.vdocuments.us/reader036/viewer/2022062614/546302f9b1af9fba388b519c/html5/thumbnails/6.jpg)
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
![Page 7: Designbriefing](https://reader036.vdocuments.us/reader036/viewer/2022062614/546302f9b1af9fba388b519c/html5/thumbnails/7.jpg)
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
![Page 8: Designbriefing](https://reader036.vdocuments.us/reader036/viewer/2022062614/546302f9b1af9fba388b519c/html5/thumbnails/8.jpg)
briefing.
Budget and schedule
• Setup a functional and realistic schedule to accommodate;
• Concept development
• Design
• Development
• Testing
• User feedback
• Consultations
![Page 9: Designbriefing](https://reader036.vdocuments.us/reader036/viewer/2022062614/546302f9b1af9fba388b519c/html5/thumbnails/9.jpg)
briefing.
Budget and schedule (tips)
• Make use of great online applications for time tracking and
• project management
• Basecamp (www.basecamphq.com)
• Lighthouse App (www.lighthouseapp.com)
• Tickspot (www.tickspot.com)
![Page 10: Designbriefing](https://reader036.vdocuments.us/reader036/viewer/2022062614/546302f9b1af9fba388b519c/html5/thumbnails/10.jpg)
briefing.
What do you provide the designer/developer
• Screenshots, photos, sitemap, wireframes, sketches, doodles, logo,
• color schemes
• Everything you can possible think
![Page 11: Designbriefing](https://reader036.vdocuments.us/reader036/viewer/2022062614/546302f9b1af9fba388b519c/html5/thumbnails/11.jpg)
briefing.
Description of target audience
• Occupation, gender ratio, average age, nationality/location,
• psychological demographic, lifestyle preferences.
• Highlight information important for the designer/developer
![Page 12: Designbriefing](https://reader036.vdocuments.us/reader036/viewer/2022062614/546302f9b1af9fba388b519c/html5/thumbnails/12.jpg)
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
![Page 13: Designbriefing](https://reader036.vdocuments.us/reader036/viewer/2022062614/546302f9b1af9fba388b519c/html5/thumbnails/13.jpg)
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
![Page 14: Designbriefing](https://reader036.vdocuments.us/reader036/viewer/2022062614/546302f9b1af9fba388b519c/html5/thumbnails/14.jpg)
inspiration.
Where to look for inspiration (tips)
• WebbyAwards
• Cannes Lions
• CSSMania
• The Daily Slurp
![Page 15: Designbriefing](https://reader036.vdocuments.us/reader036/viewer/2022062614/546302f9b1af9fba388b519c/html5/thumbnails/15.jpg)
briefing.
What not to do
• Don’t do the work of the designer
![Page 16: Designbriefing](https://reader036.vdocuments.us/reader036/viewer/2022062614/546302f9b1af9fba388b519c/html5/thumbnails/16.jpg)
how?
![Page 17: Designbriefing](https://reader036.vdocuments.us/reader036/viewer/2022062614/546302f9b1af9fba388b519c/html5/thumbnails/17.jpg)
how.
Conversation & Collaboration
• Work together with the designer and developer
• Stay on top
• Answer questions before they become questions
• When in doubt, ask!
![Page 18: Designbriefing](https://reader036.vdocuments.us/reader036/viewer/2022062614/546302f9b1af9fba388b519c/html5/thumbnails/18.jpg)
how.Structure & Content
• Keep the website structure clearly separate from the initial content
• Structuur
• Sitemap
• Wireframes
• Content
• Call to actions
• Text content
![Page 20: Designbriefing](https://reader036.vdocuments.us/reader036/viewer/2022062614/546302f9b1af9fba388b519c/html5/thumbnails/20.jpg)
explore.Literature / Reference
• Getting Real by 37Signals.com
• Cleardesign.uk
Wireframes & Moodboard
• ImageSpark
• Wireframe examples
Inspiration• CSSMania
• Colorschemer
![Page 21: Designbriefing](https://reader036.vdocuments.us/reader036/viewer/2022062614/546302f9b1af9fba388b519c/html5/thumbnails/21.jpg)
questions?