mStoner
RE-IMAGINING SUNY.EDU
Thursday, 16 October 2014Presented by: Fran Zablocki, strategist, mStoner
Friday, October 17, 14
Friday, October 17, 14
mm
Project Partners
3
Friday, October 17, 14
mm
MSTONER’S ROLE
StrategyInformation Architecture DevelopmentResponsive HTML/CSS DevelopmentUsability TestingContent DevelopmentAnalytics
4Friday, October 17, 14
mm
TERMINALFOUR’S ROLEImplementationTestingTraining Support
5Friday, October 17, 14
mm
CORE GOALS
1. Tell the SUNY story more compellingly2. Raise the SUNY brand profile3. Showcase the depth and breadth of
what SUNY offers4. Meet the needs of both internal and
external audiences
6Friday, October 17, 14
m
CHALLENGE
BUILD A HOME PAGE THAT MAKES A MILLION PEOPLE HAPPY
1
Friday, October 17, 14
m
SUNYState University of New York
Friday, October 17, 14
m
2ndlargest state education system in
U.S.
Friday, October 17, 14
m
64campuses
Friday, October 17, 14
m
500,000+current students
Friday, October 17, 14
m
100,000+faculty and staff
Friday, October 17, 14
m
Tonsof prospective student applicants.
Friday, October 17, 14
m
SOLUTION
BUILD TWO HOME PAGES
1
Friday, October 17, 14
mm
Suny.EDU for prospective students and external audiences.
15Friday, October 17, 14
m
Friday, October 17, 14
mm
System.SUNY.edu for faculty, staff, & administrators.
17Friday, October 17, 14
m
Friday, October 17, 14
m
CHALLENGE
CONVEY THE POSITIVE IMPACT THAT SUNY HAS ON THE WORLD
2
Friday, October 17, 14
m
SOLUTION
PARALLAX FEATURE STORYTELLING
2
Friday, October 17, 14
m
Friday, October 17, 14
m
Friday, October 17, 14
m
CHALLENGE
MAKE KEY INFORMATION AND TRANSACTIONS EASY TO USE
3
Friday, October 17, 14
m
SOLUTION
LEAN, FOCUSED INFORMATION ARCHITECTURE
3
Friday, October 17, 14
mm
We minimized the number of paths that users could take. We didn’t want to overwhelm them, we wanted to present them with just the most important pieces of information and actions.
25Friday, October 17, 14
m
Friday, October 17, 14
m
Friday, October 17, 14
m
Friday, October 17, 14
m
Friday, October 17, 14
m
SOLUTION
OFF-SCREEN AND HIDDEN NAVIGATION INTERACTION
3
Friday, October 17, 14
mm
The ‘Now at SUNY’ drawer introduces off-screen, sidebar content as a companion to the parallax experience.
31Friday, October 17, 14
m
Friday, October 17, 14
mm
The ‘Super Footer’ houses a great deal of information, but keeps overall screen real estate minimal.
33Friday, October 17, 14
m
Friday, October 17, 14
m
CHALLENGE ALLOW SHARED DATA AND ASSETS ACROSS SUNY
4
Friday, October 17, 14
m
SOLUTION A COHESIVE BACK END DATA ECOSYSTEM
4
Friday, October 17, 14
m
OPEN SUNY
Friday, October 17, 14
m
Friday, October 17, 14
m
RESEARCH FOUNDATION FOR SUNY
Friday, October 17, 14
m
Friday, October 17, 14
mm
T4 DATA ECOSYSTEM
41
OPENSUNY.EDU
SUNY.EDU
RFSUNY.ORG
Friday, October 17, 14
mm
By using a shared data structure and TERMINALFOUR back-end, all three sites can share and publish from the same asset pool.
This includes news stories, data points, photography, media and search results.
42Friday, October 17, 14
m
Friday, October 17, 14
m
SOLUTION DATA-RICH FEATURE STORIES
4
Friday, October 17, 14
mm
Predictive content strategy was used to introduce related stories and articles on the Features Page template.
This behavior emulates modern online newsroom best practices.
45Friday, October 17, 14
m
Friday, October 17, 14
m
RESULTS
Friday, October 17, 14
m
Friday, October 17, 14
m
Friday, October 17, 14
mm
“I’m most proud that we rolled out a result that really reflected so many people’s input and ideas, yet still presented one, unified State University. We are 64 campuses strong, but there is no question at SUNY.edu that we are one system.”
David Belsky Director of marketing and creative services at SUNY
50Friday, October 17, 14
m
Further Resources
mStoner Blog Posts on the project.
SUNY.edu case study.
Friday, October 17, 14