Ashford Web Enhancements

Testing our way to a better user experience

The Marketing Department aimed to deliver a top notch user experience when prospects visited Ashford.edu and was consistently making improvements to the site. In this example, we explored redesigning the RFI form.

Skills: digital design, UX, UI

DISCOVERY
Yellow divider line

Requirements

The RFI form on Ashford.edu plays a significant role in lead generation and our team was frequently testing ways to improve the conversion rate.

The challenge: create a new experience for the form using the exact same fields that will increase the chance a user submits their contact information.

The Audience

Users who are interested in learning more about getting an education from Ashford University.

Mobile view of original RFI form
IDEATION
Yellow divider line

After conducting research of form design and best practices, I started sketching out potential ideas for improving the RFI. Below are a few of those initital sketches.

Mock-ups

From my sketches, I took the options that I thought were most viable and mocked them up in Adobe XD. I presented the options to our team and we decided to "go big" and A/B test option 5 because it was the most different from the control.

5 mobile mocks
FINAL DESIGN
Yellow divider line
3 iPhone mocks3 iPhone mocks
A/B TESTING
Yellow divider line

We tested this new design against the existing design. The conversion rate of the variant had almost doubled that of the control.

The result: the variant won the test and became the new control.

Control and Variation mock-ups

Key takeaways

I successfully created an improved RFI experience by designing a new way to fill out the form which led to higher conversion rates. Looking back I would have liked to conduct some user testing to get feedback before going into A/B testing but was glad that the testing results delivered enough of a bump to signify an improvement.

Mega menu redesign

In an effort to increase the percentage of navigation links pointing to degree pages, our SEO expert recommended reducing the number of links in our mega menus. This would ultimately help to increase conversion rates. Since we were removing links, we also took this as an opportunity to redesign the menus.

Skills: digital design, UX, UI

DISCOVERY
Yellow divider line

Requirements

Our SEO expert provided the following chart with his recommendation on the links to keep and remove within each drop down. Additionally when removing these links, I was tasked with redesigning the visual appearance of the menus.

The challenge: remove certain text links from each drop down menu and create a cohesive look for each menu.

Chart identifying links to keep and remove

The Original

I first looked at the existing menu design and identified areas for improvement.

Bullets of missed opportunities
IDEATION
Yellow divider line

After conducting some initial research, I started by rapidly prototyping options leveraging our existing UI library. I had about 20 options and narrowed down to 6 to present to the team.

Mock-ups of drop-down menus

Mock-ups

Here are 6 menu design ideas that were presented to the team.

Option 1 desktop mocks
Option 2 desktop mocks
Option 3 desktop mocks
Option 4 desktop mocks
Option 5 desktop mocks
Option 6 desktop mocks
FINAL DESIGN
Yellow divider line

I presented the options to our team and we collectively decided to proceed with option 6. It is very clean, easy to read and we liked that it leveraged the creative for our new campaign. Next, I provided desktop and mobile mocks to our development team for implementation.

Desktop and iPhone mock-up of new menu

Key takeaways

I was able to successfully design and oversee deployment of a new drop-down navigation based on our SEO expert’s recommendation to reduce links to increase conversions. Unfortunately I left the company before I was able to get any stats regarding how well the new design performed. My next step would have been to conduct usability testing.