one system two homepages re imagining suny.edu
TRANSCRIPT
mStoner
RE-IMAGINING SUNY.EDU
Thursday, 4 June 2015
Presented by: David Belsky, Director of Marketing & Creative Services, SUNY
Taras Kufel, Web Design & Content Manager, SUNY Fran Zablocki, Strategist, mStoner
mm
Project Partners
2
mm
MSTONER’S ROLE
Strategy
Information Architecture Development
Responsive HTML/CSS Development
Usability Testing
Content Development
Analytics3
mm
TERMINALFOUR’S ROLE
Implementation
Testing
Training
Support
4
mm
Bring it all together
• Formulate a Narrative
• Complete Implementation
• User training
• Create and Update Content
SUNY’S ROLE
5
mm
CORE GOALS
1. Tell the SUNY story more compellingly
2. Raise the SUNY brand profile
3. Showcase the depth and breadth of what SUNY offers
4. Meet the needs of both internal and external audiences
6
m
CHALLENGE
BUILD A HOME PAGE THAT MAKES A MILLION PEOPLE HAPPY
1
mm
8
mm
9
1stlargest state education system in
U.S.
mm
10
64campuses
mm
11
460,000current students
mm
12
88,000faculty and staff
mm
13
Tonsof prospective student applicants.
m
SOLUTION
BUILD TWO HOME PAGES
1
mm
SUNY.EDU for prospective students and external audiences.
15
m
mm
System.SUNY.EDU For staff & administrators
17
m
m
CHALLENGE
CONVEY THE POSITIVE IMPACT THAT SUNY HAS ON THE WORLD
2
m
SOLUTION
PARALLAX FEATURES HOME PAGE
2
m
m
m
CHALLENGE
MAKE KEY INFORMATION AND TRANSACTIONS EASY TO USE
3
m
SOLUTION
LEAN, FOCUSED INFORMATION ARCHITECTURE
3
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.
25
m
Information Actions
mm
SUNY.edu’s top navigation and content is meant to connect and lead into these actions.
27
m
SOLUTION
OFF-SCREEN AND HIDDEN NAVIGATION INTERACTION
3
mm
The ‘Now at SUNY’ drawer introduces off-screen, sidebar content as a companion to the parallax experience.
29
m
mm
The ‘Super Footer’ houses a great deal of information, but keeps overall screen real estate minimal.
31
m
mm
It also provides further access to user tasks and actions of value.
33
m
CHALLENGE
ALLOW SHARED DATA AND ASSETS ACROSS SUNY
4
m
SOLUTION
A COHESIVE BACK END DATA ECOSYSTEM
4
m
SYSTEM.SUNY.EDU
m
m
RESEARCH FOUNDATION FOR SUNY
m
m
OPEN SUNY (Future T4 implementation)
m
mm
T4 DATA ECOSYSTEM
42
SUNY MEDIA
SUNY.EDU
RFSUNY.ORG
SYSTEM.SUNY.EDU
OPEN SUNY
mm
By using a shared data structure and TERMINALFOUR back-end, all four sites can share and publish from the same asset pool.
This includes news stories, data points, photography, media and search results.
43
mm
Content can be created once and used many times across sites for efficiency and consistency.
44
m
m
SOLUTION
DATA-RICH FEATURE STORIES
4
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.
47
m
mm
49
m
CHALLENGE
CHANGE CONTENT DEVELOPMENT STRATEGY FOR AN ON-THE-GO WORLD
5
m
SOLUTION
ANALYZE CONTENT FOR AUDIENCES AND TASKS
5
mm
Analytics is your friend.
52
Know who you’re talking to and what you want to say.
mm
Develop content that could build our reach through our existing strengths.
53
mm
Renew focus on daily blog output to connect users to tasks on SUNY websites.
54
Apply to SUNY
Do Business with SUNY
Work for SUNY
Conduct Research with SUNY
mm
55
mm
56
m
RESULTS
m
m
m
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
61
m
Further Resources
mStoner Blog Posts on the project.
SUNY.edu case study.