designing for cohesive diversity
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](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/1.jpg)
![Page 2: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/2.jpg)
A little background
![Page 3: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/3.jpg)
Boston University is a big place...
![Page 4: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/4.jpg)
![Page 5: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/5.jpg)
![Page 6: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/6.jpg)
![Page 7: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/7.jpg)
and that is just WordPress SitesWebsites
![Page 8: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/8.jpg)
QHow do we achieve a unified presence while representing a diverse community?
![Page 9: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/9.jpg)
QHow do we achieve a unified presence while representing a diverse community?
![Page 10: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/10.jpg)
ACreate an internal agency to provide cohesive design for the university.
![Page 11: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/11.jpg)
ACreate an internal agency to provide cohesive design for the university.
![Page 12: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/12.jpg)
Editorial &Interactive &Photography &Print
![Page 13: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/13.jpg)
Interactive Design
![Page 14: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/14.jpg)
Interactive Design
![Page 15: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/15.jpg)
![Page 16: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/16.jpg)
![Page 17: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/17.jpg)
1 Branding2 Layout3 Color4 Typography5 Voice & Tone6 Photography
![Page 18: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/18.jpg)
![Page 19: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/19.jpg)
Branding is not just a logo.
![Page 20: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/20.jpg)
LogoTypographyVoice & TonePhotographymore at bu.edu/brand
![Page 21: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/21.jpg)
Branding is a blueprint that guides, but does not limit our work.
![Page 22: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/22.jpg)
![Page 23: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/23.jpg)
Using frameworks for design maintains connections.
![Page 24: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/24.jpg)
Core Designor, as i like to say...
![Page 25: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/25.jpg)
We’ve all made mistakes.
![Page 26: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/26.jpg)
![Page 27: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/27.jpg)
![Page 28: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/28.jpg)
![Page 29: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/29.jpg)
![Page 30: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/30.jpg)
and then came WordPress...
![Page 31: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/31.jpg)
Flexi
![Page 32: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/32.jpg)
![Page 33: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/33.jpg)
![Page 34: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/34.jpg)
![Page 35: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/35.jpg)
![Page 36: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/36.jpg)
Cohesive doesn’t mean redundant. Aim for balance.
![Page 37: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/37.jpg)
A Family Resemblance
![Page 38: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/38.jpg)
![Page 39: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/39.jpg)
![Page 40: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/40.jpg)
![Page 41: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/41.jpg)
Like Father, Like Son.
![Page 42: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/42.jpg)
![Page 43: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/43.jpg)
![Page 44: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/44.jpg)
![Page 45: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/45.jpg)
Defining the Top Level
![Page 46: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/46.jpg)
![Page 47: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/47.jpg)
![Page 48: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/48.jpg)
![Page 49: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/49.jpg)
![Page 50: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/50.jpg)
![Page 51: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/51.jpg)
![Page 52: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/52.jpg)
Color cohesion doesn’t need to be exact. It can also reflect a feeling.
![Page 53: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/53.jpg)
![Page 54: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/54.jpg)
Meet KennHe’s our Dean of Students
![Page 55: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/55.jpg)
![Page 56: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/56.jpg)
![Page 57: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/57.jpg)
![Page 58: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/58.jpg)
Select a handful of robust fonts to achieve consistency.
![Page 59: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/59.jpg)
![Page 60: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/60.jpg)
![Page 61: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/61.jpg)
![Page 62: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/62.jpg)
![Page 63: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/63.jpg)
![Page 64: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/64.jpg)
![Page 65: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/65.jpg)
![Page 66: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/66.jpg)
The future of web fonts has many paths. Choose wisely.
![Page 67: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/67.jpg)
![Page 68: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/68.jpg)
![Page 69: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/69.jpg)
![Page 70: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/70.jpg)
Define a direction for content. Is it conversational? Formal? Who is your audience?
![Page 71: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/71.jpg)
Remember Kenn?
![Page 72: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/72.jpg)
![Page 73: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/73.jpg)
![Page 74: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/74.jpg)
![Page 75: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/75.jpg)
![Page 76: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/76.jpg)
Choose a tone for your content, and be consistent.
![Page 77: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/77.jpg)
![Page 78: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/78.jpg)
![Page 79: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/79.jpg)
![Page 80: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/80.jpg)
![Page 81: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/81.jpg)
![Page 82: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/82.jpg)
![Page 83: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/83.jpg)
![Page 84: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/84.jpg)
![Page 85: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/85.jpg)
But wait...there’s more
![Page 86: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/86.jpg)
![Page 87: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/87.jpg)
Annual Report 2011
![Page 88: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/88.jpg)
![Page 89: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/89.jpg)
![Page 90: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/90.jpg)
![Page 91: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/91.jpg)
![Page 92: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/92.jpg)
Annual Report 2012
![Page 93: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/93.jpg)
![Page 94: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/94.jpg)
![Page 95: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/95.jpg)
![Page 96: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/96.jpg)
Bostonia
![Page 97: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/97.jpg)
![Page 98: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/98.jpg)
![Page 99: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/99.jpg)
![Page 100: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/100.jpg)
![Page 101: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/101.jpg)
![Page 102: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/102.jpg)
![Page 103: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/103.jpg)
![Page 104: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/104.jpg)
![Page 105: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/105.jpg)
![Page 106: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/106.jpg)
![Page 107: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/107.jpg)
Kilachand Honors College
![Page 108: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/108.jpg)
![Page 109: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/109.jpg)
![Page 110: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/110.jpg)
![Page 111: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/111.jpg)
![Page 112: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/112.jpg)
Thank you.
![Page 113: Designing for Cohesive Diversity](https://reader038.vdocument.in/reader038/viewer/2022103000/556219a4d8b42a00138b569c/html5/thumbnails/113.jpg)
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