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
Analytics
3
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,000
faculty and staff
mm
13
Tons
of 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.
m
THANKS! QUESTIONS?
Fran Zablocki
Strategist
fran.zablocki@mStoner.com
www.mstoner.com
(585) 678-1169
@Zablocki

One system two homepages re imagining suny.edu