95
Follow the 2010 CASE V Conference on Twitter #CASEV Flexible Web Branding, the Case Against Single WebTemplates Communications and Web Track sponsored by Alumni Magnet

Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

Embed Size (px)

DESCRIPTION

Look at the use of single templates on higher education websites. Implementing an institution-wide template sounds like a good idea at first but how does it perform in the real world? Get insights into the pros and cons of implementing a single template across all institution websites. We will explore what works and what doesn't, from both the management and end-user prospective. Discover techniques to embrace the uniqueness of each area of your institution and how to engage your visitors along the way. http://nickdenardis.com/

Citation preview

Page 1: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

Follow  the  2010  CASE  V  Conference  on  Twitter

#CASEV

Flexible  Web  Branding,  the  Case  Against  Single  Web  Templates

Communications  and  Web    Track  sponsored  by    Alumni  Magnet

Page 2: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Nick DeNardis@nickdenardis

Associate Director of Web CommunicationsWayne State Universityhttp://wayne.edu/

Host of EDU Checkuphttp://educheckup.com/

Writer for .eduGuruhttp://doteduguru.com/

Page 3: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Who are you?

Page 4: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Who are you?

Directly control your entire institution’s website?

Page 5: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Who are you?

Directly control your entire institution’s website?

Directly control the homepage or a portion of the site?

Page 6: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Who are you?

Directly control your entire institution’s website?

Directly control the homepage or a portion of the site?

Are a one person shop?

Page 7: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Who are you?

Directly control your entire institution’s website?

Directly control the homepage or a portion of the site?

Are a one person shop?

Have one central CMS?

Page 8: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Who are you?

Directly control your entire institution’s website?

Directly control the homepage or a portion of the site?

Are a one person shop?

Have one central CMS?

Are you currently going through a redesign?

Page 9: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Who are you?

Directly control your entire institution’s website?

Directly control the homepage or a portion of the site?

Are a one person shop?

Have one central CMS?

Are you currently going through a redesign?

Have an in house Web team?

Page 10: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

The golden rule of the webTreat users as you would want to be treated

Page 11: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Higher Education:The Toughest Gig in All the Web - Mark Greenfield

3pm today in the Ballroom II

Page 12: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Benchmarkinghttp://edustyle.net

Page 13: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 14: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Goal: Make it noteworthyBut what makes a noteworthy site?

Page 15: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Noteworthy in the past yearBoston University x 7

Wentworth Institute of Technology

Wofford College

Connecticut State University System

Century College

Mills College

University of Missouri

Cornell University x 2

Kent State University

Cornell University

Saxion Universities of Applied Sciences

Dickinson College

University of Puget Sound

Freed-Hardeman University

Southwest Minnesota State University

NC State University

The University of Alabama

Grand Valley State University

Page 16: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Examining the noteworthy sites from the past year

Mainly redesign

An opportunity to implement a new direction

Small iterations don’t make the list

What is the shelf life of a redesigned site?

Page 17: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Three examples

Page 18: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Wofford

Page 19: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 20: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 21: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 22: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 23: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 24: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 25: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

University of Nebraska–Lincoln

Page 26: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 27: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 28: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 29: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 30: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 31: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 32: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 33: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 34: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Boston University

Page 35: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 36: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 37: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 38: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 39: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 40: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 41: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 42: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 43: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 44: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

What did we just learn?

Page 45: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

What did we just learn?

Single web templates are not a silver bullet

Page 46: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

What did we just learn?

Single web templates are not a silver bullet

Old sites need to be redesigned

Page 47: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

What did we just learn?

Single web templates are not a silver bullet

Old sites need to be redesigned

Competition between complete or no control

Page 48: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

What did we just learn?

Single web templates are not a silver bullet

Old sites need to be redesigned

Competition between complete or no control

To think like a user you have to be a user

Page 49: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

A happy medium :-)

Flexible branding from the start

Good communication

Proper training

Reward the rule followers

Pick your battles

Sometimes you just have to let go

Page 50: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Tiered branding

Tier 1Admissions

Financial Aid, Housing, Advising

Tier 2Current Student Services

Offices & Departments

Tier 3Staff & Administration Sites

Centers & Institutes

Page 51: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 52: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 53: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 54: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 55: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 56: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010 @nickdenardisCASE V 2010

Page 57: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Departmental interview

Page 58: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Departmental interview

Have the dean/department head/director there

Page 59: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Departmental interview

Have the dean/department head/director there

Meet with the advisors, admissions & other staff

Page 60: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Departmental interview

Have the dean/department head/director there

Meet with the advisors, admissions & other staff

Get a list of differentiators

Page 61: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Departmental interview

Have the dean/department head/director there

Meet with the advisors, admissions & other staff

Get a list of differentiators

You will find more commonality than differences

Page 62: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Departmental interview

Have the dean/department head/director there

Meet with the advisors, admissions & other staff

Get a list of differentiators

You will find more commonality than differences

Make sure it is all about the end user

Page 63: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Departmental interview

Have the dean/department head/director there

Meet with the advisors, admissions & other staff

Get a list of differentiators

You will find more commonality than differences

Make sure it is all about the end user

Solve problems, setup goals

Page 64: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Get the designers involved

Involve them early

Make sure they are aware of the requirements

Don’t re-invent the wheel

Keep to constructs

Page 65: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Average highered website

Header

Navigation

Main branding area

Search box

1-2 Sentence “why we exist”

Upcoming events

News & announcements

Promotion area

Contact information

Footer

Page 66: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Common unique items

Student/faculty/alumni profiles

Image gallery

Video gallery

In the news

Sign up for updates form

Page 67: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Totally unique elements

Night sky calendar

Picture of the week

Top 10 pages visited pages

System availability

Page 68: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Wireframes

Page 69: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010 @nickdenardisCASE V 2010

Page 70: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010 @nickdenardisCASE V 2010

Page 71: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010 @nickdenardisCASE V 2010

Page 72: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010 @nickdenardisCASE V 2010

Page 73: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Grid basedhttp://960.gs/

Page 74: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010 @nickdenardisCASE V 2010

Page 75: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010 @nickdenardisCASE V 2010

Page 76: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010 @nickdenardisCASE V 2010

Page 77: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

ExampleWayne State University - Library Science

Page 78: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 79: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 80: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 81: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 82: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 83: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 84: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

ExampleUniversity of Maryland - Nursing

Page 85: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 86: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 87: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 88: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 89: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 90: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Page 91: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

“No no’s”

Letter from the dean/director

“Quicklinks”

Non-standard colors

Unapproved wordmarks

Departmental “logos”

Creating a “destination” site just because

Page 92: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Making exceptions

Pick your battles

What are valid reasons for making exceptions?

“Our students are different”

Document reasoning

Try not to do it on your homepage

Flash, moving elements, different colors, fonts

Page 93: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Summary

Treat users as you would want to be treated

Every department cannot fit into the same box

Create constructs everyone can use

Have fun while still being professional

It’s just the web

Page 94: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Questions?

Page 95: Flexible Web Branding, the Case Against Single Web Templates - CASEV 2010

@nickdenardisCASE V 2010

Thank You!http://casefive.org/conference/presentations/