One Size Fits None: Remaking a College Site for a Content Hungry Generation
-
Upload
ardis-kadiu -
Category
Design
-
view
1.028 -
download
1
Transcript of One Size Fits None: Remaking a College Site for a Content Hungry Generation
![Page 1: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/1.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/2.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/3.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/4.jpg)
![Page 5: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/5.jpg)
Expectations and Behavior
TODAY’S PROSPECTIVE STUDENTS
![Page 6: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/6.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/7.jpg)
google effect
![Page 8: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/8.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/9.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/10.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/11.jpg)
WHAT IS HAPPENING IN THE MARKETPLACE ?
![Page 12: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/12.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/13.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/14.jpg)
![Page 15: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/15.jpg)
OUR CHALLENGE
![Page 16: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/16.jpg)
PROCESS
![Page 17: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/17.jpg)
DefineDiscover Design Develop
![Page 18: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/18.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/19.jpg)
![Page 20: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/20.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/21.jpg)
APPROACH
![Page 22: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/22.jpg)
Spotify app default screen
![Page 23: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/23.jpg)
Netflix catalog
z
![Page 24: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/24.jpg)
Netflix show page
z
![Page 25: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/25.jpg)
Amazon homepage
z
![Page 26: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/26.jpg)
Amazon product page
z
![Page 27: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/27.jpg)
Apple App Store main page
z
![Page 28: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/28.jpg)
![Page 29: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/29.jpg)
![Page 30: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/30.jpg)
![Page 31: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/31.jpg)
CENTRAL SOLUTION
STACKS
![Page 32: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/32.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/33.jpg)
![Page 34: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/34.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/35.jpg)
![Page 36: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/36.jpg)
Demo
![Page 37: One Size Fits None: Remaking a College Site for a Content Hungry Generation](https://reader034.fdocuments.in/reader034/viewer/2022052705/587ed12b1a28abdb198b51d3/html5/thumbnails/37.jpg)
QUESTIONS?