Designed and concepted the interactive frame work and the look for the 92Y’s main website. I interfaced with a team of programmers and copy editors to brainstorm and develop ideas for how best to modernize and clarify the user experience. After establishing a wireframe, I developed an animation in After Effects illustrating the new architecture and filling in the details of the user experience.
Click on the video to preview.
The animation above illustrates how the site works and how all of the JQuery features interact while the viewer navigates through the site. Uses a sticky header to maintain the branding and nav throughout, plus a sticky sub-header that locks into the main header and a chaptering sidebar that scrolls to different locations on the page.