one system two homepages re imagining suny.edu
TRANSCRIPT
![Page 1: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/1.jpg)
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
![Page 2: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/2.jpg)
mm
Project Partners
2
![Page 3: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/3.jpg)
mm
MSTONER’S ROLE
Strategy
Information Architecture Development
Responsive HTML/CSS Development
Usability Testing
Content Development
Analytics3
![Page 4: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/4.jpg)
mm
TERMINALFOUR’S ROLE
Implementation
Testing
Training
Support
4
![Page 5: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/5.jpg)
mm
Bring it all together
• Formulate a Narrative
• Complete Implementation
• User training
• Create and Update Content
SUNY’S ROLE
5
![Page 6: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/6.jpg)
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
![Page 7: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/7.jpg)
m
CHALLENGE
BUILD A HOME PAGE THAT MAKES A MILLION PEOPLE HAPPY
1
![Page 8: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/8.jpg)
mm
8
![Page 9: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/9.jpg)
mm
9
1stlargest state education system in
U.S.
![Page 10: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/10.jpg)
mm
10
64campuses
![Page 11: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/11.jpg)
mm
11
460,000current students
![Page 12: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/12.jpg)
mm
12
88,000faculty and staff
![Page 13: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/13.jpg)
mm
13
Tonsof prospective student applicants.
![Page 14: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/14.jpg)
m
SOLUTION
BUILD TWO HOME PAGES
1
![Page 15: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/15.jpg)
mm
SUNY.EDU for prospective students and external audiences.
15
![Page 16: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/16.jpg)
m
![Page 17: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/17.jpg)
mm
System.SUNY.EDU For staff & administrators
17
![Page 18: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/18.jpg)
m
![Page 19: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/19.jpg)
m
CHALLENGE
CONVEY THE POSITIVE IMPACT THAT SUNY HAS ON THE WORLD
2
![Page 20: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/20.jpg)
m
SOLUTION
PARALLAX FEATURES HOME PAGE
2
![Page 21: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/21.jpg)
m
![Page 22: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/22.jpg)
m
![Page 23: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/23.jpg)
m
CHALLENGE
MAKE KEY INFORMATION AND TRANSACTIONS EASY TO USE
3
![Page 24: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/24.jpg)
m
SOLUTION
LEAN, FOCUSED INFORMATION ARCHITECTURE
3
![Page 25: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/25.jpg)
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
![Page 26: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/26.jpg)
m
Information Actions
![Page 27: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/27.jpg)
mm
SUNY.edu’s top navigation and content is meant to connect and lead into these actions.
27
![Page 28: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/28.jpg)
m
SOLUTION
OFF-SCREEN AND HIDDEN NAVIGATION INTERACTION
3
![Page 29: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/29.jpg)
mm
The ‘Now at SUNY’ drawer introduces off-screen, sidebar content as a companion to the parallax experience.
29
![Page 30: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/30.jpg)
m
![Page 31: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/31.jpg)
mm
The ‘Super Footer’ houses a great deal of information, but keeps overall screen real estate minimal.
31
![Page 32: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/32.jpg)
m
![Page 33: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/33.jpg)
mm
It also provides further access to user tasks and actions of value.
33
![Page 34: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/34.jpg)
m
CHALLENGE
ALLOW SHARED DATA AND ASSETS ACROSS SUNY
4
![Page 35: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/35.jpg)
m
SOLUTION
A COHESIVE BACK END DATA ECOSYSTEM
4
![Page 36: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/36.jpg)
m
SYSTEM.SUNY.EDU
![Page 37: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/37.jpg)
m
![Page 38: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/38.jpg)
m
RESEARCH FOUNDATION FOR SUNY
![Page 39: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/39.jpg)
m
![Page 40: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/40.jpg)
m
OPEN SUNY (Future T4 implementation)
![Page 41: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/41.jpg)
m
![Page 42: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/42.jpg)
mm
T4 DATA ECOSYSTEM
42
SUNY MEDIA
SUNY.EDU
RFSUNY.ORG
SYSTEM.SUNY.EDU
OPEN SUNY
![Page 43: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/43.jpg)
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
![Page 44: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/44.jpg)
mm
Content can be created once and used many times across sites for efficiency and consistency.
44
![Page 45: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/45.jpg)
m
![Page 46: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/46.jpg)
m
SOLUTION
DATA-RICH FEATURE STORIES
4
![Page 47: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/47.jpg)
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
![Page 48: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/48.jpg)
m
![Page 49: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/49.jpg)
mm
49
![Page 50: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/50.jpg)
m
CHALLENGE
CHANGE CONTENT DEVELOPMENT STRATEGY FOR AN ON-THE-GO WORLD
5
![Page 51: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/51.jpg)
m
SOLUTION
ANALYZE CONTENT FOR AUDIENCES AND TASKS
5
![Page 52: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/52.jpg)
mm
Analytics is your friend.
52
Know who you’re talking to and what you want to say.
![Page 53: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/53.jpg)
mm
Develop content that could build our reach through our existing strengths.
53
![Page 54: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/54.jpg)
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
![Page 55: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/55.jpg)
mm
55
![Page 56: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/56.jpg)
mm
56
![Page 57: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/57.jpg)
m
RESULTS
![Page 58: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/58.jpg)
m
![Page 59: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/59.jpg)
m
![Page 60: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/60.jpg)
m
![Page 61: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/61.jpg)
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
![Page 62: One system two homepages re imagining suny.edu](https://reader034.vdocuments.us/reader034/viewer/2022042602/55c2c7b8bb61eb90768b462e/html5/thumbnails/62.jpg)
m
Further Resources
mStoner Blog Posts on the project.
SUNY.edu case study.