JWU Online Redesign Case Study

 

The Challenge

JWU overhauled their look on their ground site, which made the design of their online school site out of date. The challenges in matching their new brand were implementing a more robust site into a similar design while increasing the effectiveness of their calls to action.

The Strategy

Overhaul the navigation to reduce the number of clicks and increase the effectiveness of the calls to action without making them overbearing.

Wireframes

JWU Wireframe Desktop 1 JWU Wireframe Mobile 1 JWU Wireframe Desktop 2 JWU Wireframe Mobile 2
Desktop Home Page Mobile Home Page Desktop Interior Page Mobile Interior Page
JWU Wireframe Desktop 1 JWU Wireframe Mobile 1
Desktop Home Page Mobile Home Page
JWU Wireframe Desktop 2 JWU Wireframe Mobile 2
Desktop Interior Page Mobile Interior Page

The Solution

We made the top navigation in two tiers like on the ground site, however, the top tier with the call to action and contact information was fixed to the top of the screen so they would always be visible as the user scrolls. The second tier of the navigation would be able to be expanded at any time with a button in the top tier. The second tier would also reappear if the user scrolled back to the top of the page.

To cut out the “middle men” pages, we also implemented a mega menu so that the user could navigate directly to the program they are interested instead of going through several hub pages to drill down to the information they want.

Mockups

JWU Mockup Desktop 1 JWU Mockup Mobile 1 JWU Mockup Desktop 2 JWU Mockup Mobile 2
Desktop Home Page Mobile Home Page Desktop Interior Page Mobile Interior Page
JWU Mockup Desktop 1 JWU Mockup Mobile 1
Desktop Home Page Mobile Home Page
JWU Mockup Desktop 2 JWU Mockup Mobile 2
Desktop Interior Page Mobile Interior Page

View More Detailed Mockups


ECPI University PPC Site Case Study

 

The Challenge

ECPI’s PPC site was underperfoming. We diagnosed a couple major elements that were likely causing frustration for the users. The first was a poor mobile experience. The second was the large size of the site. ECPI consists of several colleges that were all fighting for attention on one site. These elements were compounded by the advances in technology, which the site was not designed to accomidate. This caused an increasing exit rate.

The Strategy

While navigation is crucial, we needed to first determine how to simplify the content and still get the user the information they need. Once a structure was decided on, we could determine how to navigate it with an emphasis on a mobile audience.

Wireframes

ecpi-wire-desk1 ecpi-wire-mobile1 ecpi-wire-desk2 ecpi-wire-mobile2
Desktop Home Page Mobile Home Page Desktop Interior Page Mobile Interior Page
ecpi-wire-desk1 ecpi-wire-mobile1
Desktop Home Page Mobile Home Page
ecpi-wire-desk2 ecpi-wire-mobile2
Desktop Interior Page Mobile Interior Page

The Solution

We decided to make the home page a hub for all of their colleges. This page would have generic brand traffic sent to it. Each school would then have a hub page for traffic that was non-specific, but targeting the general field of that college while highly specific traffic would be sent directly to a program page. Each college got its own main navigation, so that users wouldn’t have to sift through every colleges offerings to navigate a college, but we included a separate navigation that would allow users to quickly move between colleges for those who had not decided on an area of emphasis or simply navigated to the wrong college.

Mockups

ecpi-mockup-desk1 ecpi-mockup-mobile1 ecpi-mockup-desk2 ecpi-mockup-mobile2
Desktop Home Page Mobile Home Page Desktop Interior Page Mobile Interior Page
ecpi-mockup-desk1 ecpi-mockup-mobile1
Desktop Home Page Mobile Home Page
ecpi-mockup-desk2 ecpi-mockup-mobile2
Desktop Interior Page Mobile Interior Page

View More Detailed Mockups