Tyson Reeder UX Designer / Visual Designer
Back to All Work

MutualofOmaha.com Sticky Navigation Enhancement

When the redesigned Mutualofomaha.com was initially launched there were no sticky navigation elements. Below is a GIF that recreates what the site looked like when it was released in May of 2017.

We decided to tackle this problem in phases. First we made the main navigation sticky when the user scrolled.

But I wanted to spend some time on the secondary navigation. I felt we needed to also make the subnav stick to the top of the page to allow the user to quickly navigate between sections of the product. I started working on how we could accomplish this. Some things I had to keep in mind:

Some of my initial ideas:

Exploration for the sticky subnav.

While I liked the idea of keeping the contact buttons exposed on the mobile device I knew we would run into a problem because of state regulation. In some states we are not allowed to call our agents agents. So there was a potential for Contact an Authorized Representative to be the CTA so we would run out of real estate quickly.

Ultimately I came up with the following design and worked with a developer to get it built.

You can see the GIF's below. Or see it live on www.mutualofomaha.com/life-insurance




My Role on this project

Visual Designer

Other Case Studies

Medicare Advice Center

The creation of the Medicare Advice Center. A tool that allows anyone to learn more about Medicare and what solutions what might be best for them.

Mutual of Omaha Digital Design System

A design system to help developers and designers make better design decisions that adhere to the Mutual of Omaha brand.

Sales Reporting Web Application

A tool that allows sales representatives to access important business metrics while they are on the road.