RNL

Higher Ed Consulting

Ruffalo Noel Levtiz's website redesign project
RNL's homepage

Introduction

Ruffalo Noel Levitz (RNL) is a leading higher education consultant that helps colleges, universities, and nonprofits across the entire student lifecycle. They offer services and solutions to get more students to enroll, guide them through the college experience, and assist in fundraising post-graduation.

With three distinct verticals that needed equal representation on their website, I led my team to re-envision their navigation and visual style. To do this, we talked with stakeholders, collected analytical and user data, and analyzed personas to guide the designs.

The resulting product is modern, easy to navigate, and focuses on how RNL can help “you.”

Team

Bart Heird

Creative Director

Justin Kalaskey

Jess Haines

Walt Irby

Sarah Breitschwerdt

Sr UX/UI Designer

Jr UX Designer

Sr Developer

Project Manager

Quick stats

  • 5 months from discovery to launch
  • 12 stakeholder and user interviews
  • Various UX deliverables created
  • 14 page templates created

My role

Team Lead

Design

Branding

Research

IA

Wireframes

Interviews

Awards

Muse Creative Award - Rose GolddotCOMM Award - Gold

Ooh, Aah!

Muse Creative Awards (2019) - Rose Gold
dotCOMM Awards (2019) - Gold

Discovery & research

Over the course of a month, myself and my Jr UX Designer collaborated in gathering all the necessary discovery documents from RNL, reviewing them, and building our game plan for additional research.

RNL’s team was able to provide us with personas they had created previously to give us insight into who in a college/university would be using and/or buying RNL’s services. On top of this, we performed interviews with stakeholders and some current customers to gain insight into how RNL is helping them.

We learned some critical information that helped to drive the strategy for the redesigned website.

Insight 1

Users couldn’t find the information most relevant to them

The biggest issue we identified is that users had difficulty finding information relevant to different aspects of the student lifecycle (Enrollment, Student Success, and Fundraising). In higher ed institutions, these verticals are separate from each other and rarely overlap.

Insight 2

A lack of easily discoverable content forced the sales team to do more convincing than necessary

While RNL already has a long sales cycle, their website wasn’t helping to convince colleges/universities that they should trust RNL’s products. Much of the content on the website was either hidden or was written in long paragraphs with difficult-to-scan content, placing an unnecessary burden on the sales team to build trust further.

Insight 3

Poor branding implementation made the site visually heavy and cluttered

Overall, the website was filled with large, cluttered photos that lacked focus, dark brand colors were used in full bleeds, and white space was rare. Paired with a lot of content, it was a recipe for high bounce rates and low session durations.

Sorting stakeholder & user data

Affinity map of RNL stakeholder responses

The site's treasure map

Information Architecture for RNL's Website

Navigating by vertical

After I interviewed both stakeholders and customers, it was clear that RNL’s users would only look within their respective verticals, based on their department--not moving horizontally into other verticals.

With this knowledge in-hand, I led the team to build the navigation structure of the product so users could focus on their own vertical without needing to see irrelevant information within their journeys.

Hint Text: Click the Figma logo to see the other pages, including mockups. Or don't, I'm not your real dad.

Enrollment page on RNL's website
Team member directory
Mega menu for the Enrollment section

Building trust through color

In order to help users be able to find relevant information quickly, I created a color-coding system by assigning each vertical a color: enrollment is light blue, student success is orange, and green is fundraising. Because each persona will remain in their respective vertical, they will build up a visual match with that color across the site.

In the resource and team member libraries, we were able to take advantage of this color system. By adding a color bar to the bottom of content cards, people can quickly glance for their respective color and know that resource/team members will align with their needs.

This helpful indicator was able to drive a 23% increase in content downloads (e.g. case studies), helping users build trust more quickly in RNL.

Results

One month post-launch compared to the previous month

+17%

increase in organic traffic

+36%

increase in conversion rate

+23%

increase in content downloads

Vertical tabs on an interior page

“I feel like we've gone from a Model T to a Tesla.”

Brandon Trissler

Associate Vice President, RNL

Said by someone more important than me

So what's next?

Go to the Up The Road project

Up The Road

Technology

[ View ]
Previous
Go to the WebMechanix project

WebMechanix

Digital Marketing Agency

[ View ]
Next

These wouldn't be picked last for kickball