designing for cohesive diversity

113

Upload: jarader

Post on 25-May-2015

4.082 views

Category:

Design


0 download

DESCRIPTION

An opportunity to create rich, diverse experiences is what gets a designer out of bed. It makes a space to innovate, let our inspirations drive better sites, and surprise our audiences. But it’s cohesion that gives an institution an authoritative and memorable presence. How do you tell the story of a university, hitting all the high notes when they range from acting to neuroscience? Can you showcase such a diverse landscape and still give it the feel of a unified entity? Designer Andy Rader explores the impacts, successes, and pitfalls of diverse designs within a unified brand through examples from Boston University.

TRANSCRIPT

Page 1: Designing for Cohesive Diversity
Page 2: Designing for Cohesive Diversity

A little background

Page 3: Designing for Cohesive Diversity

Boston University is a big place...

Page 4: Designing for Cohesive Diversity
Page 5: Designing for Cohesive Diversity
Page 6: Designing for Cohesive Diversity
Page 7: Designing for Cohesive Diversity

and that is just WordPress SitesWebsites

Page 8: Designing for Cohesive Diversity

QHow do we achieve a unified presence while representing a diverse community?

Page 9: Designing for Cohesive Diversity

QHow do we achieve a unified presence while representing a diverse community?

Page 10: Designing for Cohesive Diversity

ACreate an internal agency to provide cohesive design for the university.

Page 11: Designing for Cohesive Diversity

ACreate an internal agency to provide cohesive design for the university.

Page 12: Designing for Cohesive Diversity

Editorial &Interactive &Photography &Print

Page 13: Designing for Cohesive Diversity

Interactive Design

Page 14: Designing for Cohesive Diversity

Interactive Design

Page 15: Designing for Cohesive Diversity
Page 16: Designing for Cohesive Diversity
Page 17: Designing for Cohesive Diversity

1 Branding2 Layout3 Color4 Typography5 Voice & Tone6 Photography

Page 18: Designing for Cohesive Diversity
Page 19: Designing for Cohesive Diversity

Branding is not just a logo.

Page 20: Designing for Cohesive Diversity

LogoTypographyVoice & TonePhotographymore at bu.edu/brand

Page 21: Designing for Cohesive Diversity

Branding is a blueprint that guides, but does not limit our work.

Page 22: Designing for Cohesive Diversity
Page 23: Designing for Cohesive Diversity

Using frameworks for design maintains connections.

Page 24: Designing for Cohesive Diversity

Core Designor, as i like to say...

Page 25: Designing for Cohesive Diversity

We’ve all made mistakes.

Page 26: Designing for Cohesive Diversity
Page 27: Designing for Cohesive Diversity
Page 28: Designing for Cohesive Diversity
Page 29: Designing for Cohesive Diversity
Page 30: Designing for Cohesive Diversity

and then came WordPress...

Page 31: Designing for Cohesive Diversity

Flexi

Page 32: Designing for Cohesive Diversity
Page 33: Designing for Cohesive Diversity
Page 34: Designing for Cohesive Diversity
Page 35: Designing for Cohesive Diversity
Page 36: Designing for Cohesive Diversity

Cohesive doesn’t mean redundant. Aim for balance.

Page 37: Designing for Cohesive Diversity

A Family Resemblance

Page 38: Designing for Cohesive Diversity
Page 39: Designing for Cohesive Diversity
Page 40: Designing for Cohesive Diversity
Page 41: Designing for Cohesive Diversity

Like Father, Like Son.

Page 42: Designing for Cohesive Diversity
Page 43: Designing for Cohesive Diversity
Page 44: Designing for Cohesive Diversity
Page 45: Designing for Cohesive Diversity

Defining the Top Level

Page 46: Designing for Cohesive Diversity
Page 47: Designing for Cohesive Diversity
Page 48: Designing for Cohesive Diversity
Page 49: Designing for Cohesive Diversity
Page 50: Designing for Cohesive Diversity
Page 51: Designing for Cohesive Diversity
Page 52: Designing for Cohesive Diversity

Color cohesion doesn’t need to be exact. It can also reflect a feeling.

Page 53: Designing for Cohesive Diversity
Page 54: Designing for Cohesive Diversity

Meet KennHe’s our Dean of Students

Page 55: Designing for Cohesive Diversity
Page 56: Designing for Cohesive Diversity
Page 57: Designing for Cohesive Diversity
Page 58: Designing for Cohesive Diversity

Select a handful of robust fonts to achieve consistency.

Page 59: Designing for Cohesive Diversity
Page 60: Designing for Cohesive Diversity
Page 61: Designing for Cohesive Diversity
Page 62: Designing for Cohesive Diversity
Page 63: Designing for Cohesive Diversity
Page 64: Designing for Cohesive Diversity
Page 65: Designing for Cohesive Diversity
Page 66: Designing for Cohesive Diversity

The future of web fonts has many paths. Choose wisely.

Page 67: Designing for Cohesive Diversity
Page 68: Designing for Cohesive Diversity
Page 69: Designing for Cohesive Diversity
Page 70: Designing for Cohesive Diversity

Define a direction for content. Is it conversational? Formal? Who is your audience?

Page 71: Designing for Cohesive Diversity

Remember Kenn?

Page 72: Designing for Cohesive Diversity
Page 73: Designing for Cohesive Diversity
Page 74: Designing for Cohesive Diversity
Page 75: Designing for Cohesive Diversity
Page 76: Designing for Cohesive Diversity

Choose a tone for your content, and be consistent.

Page 77: Designing for Cohesive Diversity
Page 78: Designing for Cohesive Diversity
Page 79: Designing for Cohesive Diversity
Page 80: Designing for Cohesive Diversity
Page 81: Designing for Cohesive Diversity
Page 82: Designing for Cohesive Diversity
Page 83: Designing for Cohesive Diversity
Page 84: Designing for Cohesive Diversity
Page 85: Designing for Cohesive Diversity

But wait...there’s more

Page 86: Designing for Cohesive Diversity
Page 87: Designing for Cohesive Diversity

Annual Report 2011

Page 88: Designing for Cohesive Diversity
Page 89: Designing for Cohesive Diversity
Page 90: Designing for Cohesive Diversity
Page 91: Designing for Cohesive Diversity
Page 92: Designing for Cohesive Diversity

Annual Report 2012

Page 93: Designing for Cohesive Diversity
Page 94: Designing for Cohesive Diversity
Page 95: Designing for Cohesive Diversity
Page 96: Designing for Cohesive Diversity

Bostonia

Page 97: Designing for Cohesive Diversity
Page 98: Designing for Cohesive Diversity
Page 99: Designing for Cohesive Diversity
Page 100: Designing for Cohesive Diversity
Page 101: Designing for Cohesive Diversity
Page 102: Designing for Cohesive Diversity
Page 103: Designing for Cohesive Diversity
Page 104: Designing for Cohesive Diversity
Page 105: Designing for Cohesive Diversity
Page 106: Designing for Cohesive Diversity
Page 107: Designing for Cohesive Diversity

Kilachand Honors College

Page 108: Designing for Cohesive Diversity
Page 109: Designing for Cohesive Diversity
Page 110: Designing for Cohesive Diversity
Page 111: Designing for Cohesive Diversity
Page 112: Designing for Cohesive Diversity

Thank you.

Page 113: Designing for Cohesive Diversity

Presentation Links:

BU Homepagehttp://www.bu.edu/

Academicshttp://www.bu.edu/academics

O!ce of the Provosthttp://www.bu.edu/provost

Admissionshttp://www.bu.edu/admissions

Financial Assistancehttp://www.bu.edu/finaid

Arts & Scienceshttp://www.bu.edu/cas

Department of Earth & Environmenthttp://www.bu.edu/earth

Department of Englishhttp://www.bu.edu/english

College of Engineeringhttp://www.bu.edu/eng

Department of Biomedical Engineeringhttp://www.bu.edu/bme

BU Annual Report 2011http://www.bu.edu/ar/2011/

BU Annual Report 2012http://www.bu.edu/ar/2012/

Bostoniahttp://www.bu.edu/bostonia

Kilachand Honors Collegehttp://www.bu.edu/khc

BU Brandhttp://www.bu.edu/brand