PROJECT DETAILS

Kickoff

For over 30 years, Mutual of Omaha has offered insurance plans for the Girl Scouts of America. Mutual of Omaha hosts a few pages on their main site that contains details and forms that Girl Scout team leaders use to sign up for insurance and make claims. The site had been neglected and was in need of a UX and UI update.

Research

We started off by reaching out to the Stakeholders in the project to gain a better understanding from their perspective of how the site is intended to be used and any problems they think were an issue. They explained to us that the site is given out to Girl Scout leaders before they go on a trip to sign up for insurance. Often, the leaders are looking for certain forms on the site to complete and email over to Mutual of Omaha. They noted that they had heard from users that finding the right form was difficult. They also noted that users had mentioned that it was difficult to navigate the site - they would frequently get lost and call in for help.

This gave us a great base to move forward with the project.

Objectives

After speaking with stakeholders and users, we determined that there were several problems that needed to be addressed:

• Streamline the site: The old site contained paragraphs and paragraphs of text. Users had to spend large amounts of reading just to understand where the form they needed was located.
• Rethink confusing UI: The site had no navigation, once you clicked on a link you were taken to a new page with no way to get back. It was also not clear what part of the site you were now in.
• Modernize Site: The site was over 10 years old - the colors, typography, and styles were no longer used by Mutual of Omaha. Furthermore, the site lacked in technical aspects such as not being ADA compliant.

Wireframing & Testing

Based on the above problems determined, I worked towards addressing these pains by coming up with potential solutions:

• Establish clear navigation on the site.
• Reducing the amount of copy on the site.
• Make forms more prominent on the page.
• Create a clear contact section for users who needed additional help.
• Use current Mutual of Omaha design standards to make the site feel uniform.

I mocked up some basic wireframes to gather feedback from the Stakeholders, Developers, Senior Designers, and users on the overall layout of the new site. We tweaked a few things and continued on to high-fi design!

High Fidelity Designs

After getting feedback from users and team members, I was able to take the wireframes and turn them into hi-fi designs. I used design components already in the Mutual design library so that developers did not have to create anything new. I was able to work with a UX copywriter to shorten the paragraphs of copy to work with the more modern design. We also worked with Girl Scouts of America to get imagery for the site!

The Outcome

After getting feedback from people familiar with the site, we were able to set clear goals for ways the site could be improved. Navigation, readability, consistency, and ease of use were all things mentioned. We were able to take those ideas and create a new site using existing Mutual components.

TECHNOLOGY USED

• Sketch
• Abstract

Have an idea?
Let's get in touch.

FIND ME ON

• Linkedin

START A CONVERSATION
hey@ryanonline.design