designbriefing

21
design & development briefing

Upload: onno-groen

Post on 11-Nov-2014

927 views

Category:

Design


0 download

DESCRIPTION

Also look on: www.spinawards.nl

TRANSCRIPT

Page 1: Designbriefing

design& development

briefing

Page 2: Designbriefing

why?

Page 3: Designbriefing

why.

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

Page 4: Designbriefing

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

what?

Page 6: Designbriefing

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

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

briefing.

Budget and schedule

• Setup a functional and realistic schedule to accommodate;

• Concept development

• Design

• Development

• Testing

• User feedback

• Consultations

Page 9: Designbriefing

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

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

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

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

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

inspiration.

Where to look for inspiration (tips)

• WebbyAwards

• Cannes Lions

• CSSMania

• The Daily Slurp

Page 15: Designbriefing

briefing.

What not to do

• Don’t do the work of the designer

Page 16: Designbriefing

how?

Page 17: Designbriefing

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

how.Structure & Content

• Keep the website structure clearly separate from the initial content

• Structuur

• Sitemap

• Wireframes

• Content

• Call to actions

• Text content

Page 19: Designbriefing

explore.Open source CMS

• Joomla!

• Wordpress

Page 20: Designbriefing

explore.Literature / Reference

• Getting Real by 37Signals.com

• Cleardesign.uk

Wireframes & Moodboard

• ImageSpark

• Wireframe examples

Inspiration• CSSMania

• Colorschemer

Page 21: Designbriefing

questions?