Download - Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Transcript
Page 1: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Website of DreamsIf You Build it, Will They Come?

ROGUE ELEMENT : PROMET SOURCE : #MCS2

Page 2: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

John Nollin

@prometsource

Promet Sourcewww.prometsource.com

Page 3: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Rogue Elementwww.rogue-element.com

Rob Coleman

@rogueelementinc @mwskatecast

Allison Manley

Page 4: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

The Problem

Page 5: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come
Page 6: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Goals for the New Site

• Smaller site

• Easier publishing workflow

• Represent the brand

• Express Grinnell’s distinctiveness

• Bring ALL users back

• Build a new information architecture

Page 7: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Step 1: The Audit

Page 8: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Audit: Key Findings

• Brand was strong for Grinnellians,

but not at all for the uninitiated

• Navigation was a mess

• Drupal Issues

• User Engagement

Page 9: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

“It looks like the website for a bank.”

“I can’t find anything on this site.”

What We Heard

Page 10: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Prospective StudentsDuring your last visit to the Grinnell

College website, were you able to

find what you were looking for?

Page 11: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

During your last visit to the Grinnell

College website, were you able to

find what you were looking for?

Current Students

Page 12: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

The CMS

Page 13: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Engagement

Page 14: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Step 2: The Process

Page 15: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

“A brand we can all be proud of.”

Page 16: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Concept Statements

• Home & Horizon

• Unexpected

• Individuality

Page 17: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Prototyping “Individuality”

Page 18: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Design #1

Page 19: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Design #2

Page 20: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Design #3

Page 21: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come
Page 22: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Customized Tile System

Page 23: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Top = Curated

Page 24: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Below = User’s Choice

Page 25: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

How About a Custom Tile?

Page 26: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Create An Account

Page 27: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Performance

Page 28: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Other Benefits

• No roles-based navigation:

the masthead is uber-simple.

• Truly makes the home page the hub

from which you could go.

Page 29: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Office / Department Pages

Page 30: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Wireframes

Page 31: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come
Page 32: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come
Page 33: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come
Page 34: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Content: “feed the beast!”

Page 35: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

> 1200 Fields < 350 Fields

Page 36: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come
Page 37: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come
Page 38: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come
Page 39: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come
Page 40: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come
Page 41: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come
Page 42: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Step 3: Infrastructure

Page 43: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Content Strategy

• Page count reduced from

27,000 to 5,000 pages

• Supporting a new publishing workflow

Page 44: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Consolidating Tiles?

Page 45: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Taxonomy

Page 46: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Balancing Control and Autonomy

Page 47: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Did it Work? Will They Come?

Page 48: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

User Testing

Page 49: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Results to Date

• Challenging users to generate

current content

• Initial launch — iterative

changes as feedback comes in

Page 50: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Could Other Schools Replicate This?

• Can you sell it internally?

• Do you have an agreed-upon brand?

• Can you get buy-in from departments?

• Do you want a site that’s an evolving story?

• Can you assign a Product Owner?

• Can you feature-freeze?

Page 51: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Threats?

• They may say things you don’t want to hear

• It is difficult to change behaviors

• More content = More content management

Page 52: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Benefits?

• Authentic communication

• Engages the school community

• Puts the school into real conversations

• Provides real utility to users

• Meaningful and useable administration

and workflow

Page 53: Higher Ed Web 2013 presentation - Field of Dreams, build it and they will come

Thank you!

John [email protected]

@PrometSource

Rob [email protected]

@rogueelementinc

Allison Manley@mwskatecast

Grinnell images by Justin Hayworth