World Campus Responsive Redesign

I was involved in a project to make the existing Penn State World Campus website responsive (http://worldcampus.psu.edu). I was responsible for working with the project team to create the new “base theme” to establish a pattern the way content readjusted for different resolutions. I was also responsbile for researching and proposing the best way to handle the navigation on the new responsive site.

Below are mock-ups reflecting the base theme. Click on each to view more detail. These were created in an interactive wireframing tool called UXPin.

World Campus Base Theme for Large Resolutions
World Campus Base Theme for Large Resolutions
World Campus Base Theme for Small Resolutions
World Campus Base Theme for Small Resolutions