MutualofOmaha.com Sticky Navigation Enhancement

Tyson D. Reeder
Feb 9, 2018 · 2 min read

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 release 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. So, I started working on how we could accomplish this.

Some things I had to keep in mind:

  • The contact information on the right would need to remain prominent and easy to access.
  • Sometimes we use this same area to the right to show the agent’s photo and contact information. So the new design would need to support this functionality.
  • I wanted to avoid hiding navigation items as much as possible.

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 GIFs below.

Or see it live on www.mutualofomaha.com/life-insurance

Desktop
Tablet
Phone

Visual Designer

Tyson Reeder’s Case Studies

Case studies of Tyson Reeder’s work

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store