reimagining suny.edu: terminalfour tforum 2014

mStoner

RE-IMAGINING SUNY.EDU

Thursday, 16 October 2014Presented by: Fran Zablocki, strategist, mStoner

Tuesday, October 21, 14

mm

Project Partners

3


mm

MSTONER’S ROLE

StrategyInformation Architecture DevelopmentResponsive HTML/CSS DevelopmentUsability TestingContent DevelopmentAnalytics

4Tuesday, October 21, 14

mm

TERMINALFOUR’S ROLEImplementationTestingTraining Support


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


m

CHALLENGE

BUILD A HOME PAGE THAT MAKES A MILLION PEOPLE HAPPY

1


m

SUNYState University of New York


m

2ndlargest state education system in

U.S.


m

64campuses


m

500,000+current students


m

100,000+faculty and staff


m

Tonsof prospective student applicants.


m

SOLUTION

BUILD TWO HOME PAGES

1


mm

Suny.EDU for prospective students and external audiences.


m


mm

System.SUNY.edu for faculty, staff, & administrators.


http://system.suny.edu/

http://system.suny.edu/

m


m

CHALLENGE

CONVEY THE POSITIVE IMPACT THAT SUNY HAS ON THE WORLD

2


m

SOLUTION

PARALLAX FEATURE STORYTELLING

2


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.


m


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.


m


mm

The ‘Super Footer’ houses a great deal of information, but keeps overall screen real estate minimal.


m


m

CHALLENGE ALLOW SHARED DATA AND ASSETS ACROSS SUNY

4


m

SOLUTION A COHESIVE BACK END DATA ECOSYSTEM

4


m

OPEN SUNY


m


m

RESEARCH FOUNDATION FOR SUNY


m


mm

T4 DATA ECOSYSTEM

41

OPENSUNY.EDU

SUNY.EDU

RFSUNY.ORG


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.


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.


http://clients.mstoner.com/suny/html/v5/features.html




m


m

RESULTS


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


m

Further Resources

mStoner Blog Posts on the project.

SUNY.edu case study.


http://www.mstoner.com/blog/content-and-writing/building-new-website-suny-surprises-decisions-plans-future-2/

http://www.mstoner.com/blog/content-and-writing/building-new-website-suny-surprises-decisions-plans-future-2/

http://www.mstoner.com/blog/strategy/theres-place-like-home/

http://www.mstoner.com/blog/strategy/theres-place-like-home/

http://www.mstoner.com/portfolio/suny-website-redesign/

http://www.mstoner.com/portfolio/suny-website-redesign/

m

THANKS! QUESTIONS?

Fran [email protected] (585) 678-1169@Zablocki


mailto:[email protected]

mailto:[email protected]

http://www.mstoner.com

http://www.mstoner.com

reimagining suny.edu: terminalfour tforum 2014

Education

msolution build

data points

msolution lean

msolution offscreen

end data ecosystem4tuesday

shared data structure

suny drawer

suny oers4