Agency

Definition 6

Role

Art Direction

Insurance Information Institute

While at Definition 6, I was Art Director for the complete redesign of the online presence for the Insurance Information Institute (known as I.I.I. to its many fans.) The problem was that the client needed a redesign that made it easier to locate and save their information, while also retaining users and maintaining its value as the best resource for insurance information.

Redesigning A Content Database

The biggest issue the client had with their old website was organizational, resulting in users having difficulty finding content. Therefore, it was crucial that the homepage serves as an organizational summary of all content available.

Easier to Navigate

The navigation was redesigned. The menu button drops down a mega-nav breaking the user's choices down into several areas: Basics, Research, and Resources. By reorganizing the content into these different categories, users can easily begin their journey the way they wanted, without having to search through content that doesn't interest them.

The search was also given a facelift. When the user searches for content, the search dropdown provides popular search terms, topics, or media suggestions before anything is even typed. The search also auto-finishes with suggestions based on what the user is typing.

Making Topics Easier to Engage With

Breaking down Insurance topics was another complete overhaul for this project. Each section had a hero area where the client could put new or important articles. From there, the page is broken down into each topic's subdivisions, which are then broken down into articles, videos, or resources. The left nav serves as filters for content based on each sub-division's data breakdowns.

Articles are fully customizable by the site's administrator. Articles were designed in such a way that the hero image is easily replacable, as well as the ability to share block quotes on social media, or add charts and graphs if the article needs. A left nav tells the user how long a read the article is, as well as jump points for any long articles with multiple chapters.

Repositioning Rich Media

III has a ton of informational videos on their YouTube channel, but they didn't have as much of a presence on their actual site, so the redesign put a focus on enhancing that. The newly dubbed Video Library was also given the same organizational treatment. Video sections are broken down by insurance topic, and each video is shareable on social media, or easily embedded.

Responsive Refresh

On mobile, the user experience remains as usable and fluid as it does on desktop. Content is repositioned to take advantage of the mobile device's limited screen real estate, ensuring that all the information readily available never feels overwhelming or cluttered at small sizes.

A Vibrant Visual Language

We maintained III's official brand typeface. We also maintained their vibrant color palette, but utilized them more in their content, such as charts and graphs for more visual appeal. In addition, a family of icons were proposed to help break down the organization of every category, using multiple brand colors to connect the icons to the I.I.I. aesthetic while also coming across as friendly and not intimidating.

Team

Doug Dimon

Creative Direction

Alan Reuter

Art Direction

Renita Ravuth

Design

Jed Freedman

Development

Chi Wai Lima

Creative Director, III