Designing a tournament bracket with a mobile-first approach

    Designing a tournament bracket with a mobile-first approach

    Designing a tournament bracket with a mobile-first approach

    We recently helped our friends at Lawyers Mutual of North Carolina dramatically improve the performance of their blog content from a number of different metrics. Their blog is one of the primary drivers of visitors to the site, so any changes to better serve those visitors and make them more engaged can pay real dividends for the business in new leads and clients. Below we'll look at some of the changes put in place, lessons learned, and the ultimate results -- these tips could be helpful to put into practice for any business that leverages their blog or thought leadership to build their business. And best of all, they're easy to implement!


    NMC has worked with Lawyers Mutual of North Carolina on their website and online marketing strategy since 2012 and they've long been one of our favorite legal clients! The team at Lawyers Mutual is always looking to improve their site, giving us the opportunity to continually experiment with new features and functionalities to try and increase engagement on the site and maximize it as an education and sales tool for the business. Lawyers Mutual does a wonderful job of writing and sharing valuable content for the lawyers that make up their audience (a useful strategy for law firm websites). While no single post represents a huge portion of their site traffic, the blog section drives more than a third of their total site traffic. Therefore, it's a very important area of their website. Last year, they launched a new blog design to turn the section into more of a content portal. In this redesign, each blog post included: A large subscribe button at the top of the sidebar Organization into one of four primary content types with filters for each of those content types Sub-categories that defined what related posts would show in the sidebar A banner image to make the content more visually appealing when the page first loaded Comments to allow for audience participation While all of those ideas seemed like good ones at the time, as we continued to monitor the blog post performance after the portal update launched, the results were not what we were hoping for – visitors were actually spending less time reading the blog posts and weren't using any of the content filters or exploring the related content. So, we went back to the drawing board. The overall goal of the blog is to provide relevant information to visitors, most of whom are organic search referrals, and then deeply engage them with the content. While our previous experiment didn't turn out the way we had hoped, it did tell us that visitors were there to read the posts and weren't as interested in all the other options that potentially distracted from the core post. We developed a new plan to redesign the blog post layout with a much more minimal design approach, focused squarely on the blog content with fewer, but more intentional, calls to action for the readers.

    Focusing on the content

    When visitors landed on the new blog post layout, we wanted to present them with the content they expected with as few distractions as possible. We made three significant changes to accommodate that goal: Removed the sidebar altogether and made the content full width Removed the banner image on each post so the content stands out as soon as the page loads Removed the content bucket filters so visitors aren't distracted from the content they're expecting to