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.
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.
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 makes suggestions based on what the user types.
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. On the back-end, 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.
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.
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.
Creative Director, Definition 6Chi Wai Lima
Creative Director, IIIRenita Ravuth