one size fits none: remaking a college site for a content hungry generation

37
Remaking a College Site for a Content Hungry Generation ONE SIZE FITS NONE

Upload: ardis-kadiu

Post on 18-Jan-2017

1.028 views

Category:

Design


1 download

TRANSCRIPT

Page 1: One Size Fits None: Remaking a College Site for a Content Hungry Generation

Remaking a College Site for a Content Hungry Generation

ONESIZEFITSNONE

Page 2: One Size Fits None: Remaking a College Site for a Content Hungry Generation

Ardis Kadiu Chief Creative Technologist Spark451

Christopher JonesDirector of Web Communications North Central College

Page 3: One Size Fits None: Remaking a College Site for a Content Hungry Generation

Content is a design problem. Good web design starts with content. Jeffrey Zeldman“

Page 4: One Size Fits None: Remaking a College Site for a Content Hungry Generation
Page 5: One Size Fits None: Remaking a College Site for a Content Hungry Generation

Expectations and Behavior

TODAY’S PROSPECTIVE STUDENTS

Page 6: One Size Fits None: Remaking a College Site for a Content Hungry Generation

mobile usage

Source: Spark451 College Bound Survey (http://collegebound.spark451.com)

Page 7: One Size Fits None: Remaking a College Site for a Content Hungry Generation

google effect

Page 8: One Size Fits None: Remaking a College Site for a Content Hungry Generation

mobile usage

Source: Spark451 College Bound Survey (http://collegebound.spark451.com)

Page 9: One Size Fits None: Remaking a College Site for a Content Hungry Generation

Source: “Engaging and Cultivating Millennials and Gen Z,” Denison University and Ologie

Page 10: One Size Fits None: Remaking a College Site for a Content Hungry Generation

Source: Cowen & Company ”ShopTalk Conference Takeaways: A Glimpse Into The Future of Retail & eCommerce”

Page 11: One Size Fits None: Remaking a College Site for a Content Hungry Generation

WHAT IS HAPPENING IN THE MARKETPLACE ?

Page 12: One Size Fits None: Remaking a College Site for a Content Hungry Generation

Source: QS Digital Solutions “Digital Marketing Trends in Higher Education 2016”

Page 13: One Size Fits None: Remaking a College Site for a Content Hungry Generation

Source: QS Digital Solutions “Digital Marketing Trends in Higher Education 2016”

Page 14: One Size Fits None: Remaking a College Site for a Content Hungry Generation
Page 15: One Size Fits None: Remaking a College Site for a Content Hungry Generation

OUR CHALLENGE

Page 16: One Size Fits None: Remaking a College Site for a Content Hungry Generation

PROCESS

Page 17: One Size Fits None: Remaking a College Site for a Content Hungry Generation

DefineDiscover Design Develop

Page 18: One Size Fits None: Remaking a College Site for a Content Hungry Generation

There are many website pages that are no longer used and are out of

date. The navigation/search menu is poor and needs to be updated. Many

things could be archived because they aren't relevant today.

”User Survey Response from

Staff/Administrator

What users said about the current site.

The biggest thing is the organization. Clean things up and it will be more

user-friendly. Websites are sometimes the first impression.

“User Survey Response from

a Current Student

Page 19: One Size Fits None: Remaking a College Site for a Content Hungry Generation
Page 20: One Size Fits None: Remaking a College Site for a Content Hungry Generation

When you were deciding which college or graduate school to attend, what information on college websites did you look for the most?

Source: Online User Survey

Academic Majors/Minors

#1 #2Financial Aid & Scholarships

#3Campus Location

Page 21: One Size Fits None: Remaking a College Site for a Content Hungry Generation

APPROACH

Page 22: One Size Fits None: Remaking a College Site for a Content Hungry Generation

Spotify app default screen

Page 23: One Size Fits None: Remaking a College Site for a Content Hungry Generation

Netflix catalog

z

Page 24: One Size Fits None: Remaking a College Site for a Content Hungry Generation

Netflix show page

z

Page 25: One Size Fits None: Remaking a College Site for a Content Hungry Generation

Amazon homepage

z

Page 26: One Size Fits None: Remaking a College Site for a Content Hungry Generation

Amazon product page

z

Page 27: One Size Fits None: Remaking a College Site for a Content Hungry Generation

Apple App Store main page

z

Page 28: One Size Fits None: Remaking a College Site for a Content Hungry Generation
Page 29: One Size Fits None: Remaking a College Site for a Content Hungry Generation
Page 30: One Size Fits None: Remaking a College Site for a Content Hungry Generation
Page 31: One Size Fits None: Remaking a College Site for a Content Hungry Generation

CENTRAL SOLUTION

STACKS

Page 32: One Size Fits None: Remaking a College Site for a Content Hungry Generation

A stack is a cohesive collection of content cards. They can be the same type of content (like news) or related topic, like education or the arts.

Campus News Education (article, study abroad

story, internship, event, profile)

Fastest Growing (programs)

Page 33: One Size Fits None: Remaking a College Site for a Content Hungry Generation
Page 34: One Size Fits None: Remaking a College Site for a Content Hungry Generation

Types of Stacks

Group Stack • Collection of "cards"

connected by similar topic or type

• "Cards" include title, fact, quote, image

List Stack • “Cards” of …

• content types (e.g. programs, news, events)

• social feeds

• factoids, promos

• video/image

Profile Stack • Title, department

• Interests

• Quote

• Photo

Program Stack • Essentials: title,

degree options, department

• Career-related: jobs, job outlook, salary, internships

Page 35: One Size Fits None: Remaking a College Site for a Content Hungry Generation
Page 36: One Size Fits None: Remaking a College Site for a Content Hungry Generation

Demo

Page 37: One Size Fits None: Remaking a College Site for a Content Hungry Generation

QUESTIONS?