heading3

Flickr

Twitter



    Hutchlaw Named A Best Law Firm Website of 2016 by Lawyerist

    Hutchlaw Named A Best Law Firm Website of 2016 by Lawyerist

    Hutchlaw Named A Best Law Firm Website of 2016 by Lawyerist

    The CIAA, headquartered in Charlotte, is one of the oldest athletic conferences in America, and their annual basketball tournament is an absolute juggernaut in terms of attendance and sponsorship dollars. With hundreds of thousands of attendees each year, this tournament is one of the collegiate highlights of the Queen City's already bustling sports calendar each year. In terms of design, the CIAA trusted us to create an engaging and innovative bracket, based on the visually immersive style we created for the larger website project seen above. We were on a tight schedule for launch, so our project management and design team got to work immediately by brainstorming and scouting out examples of other digital brackets for inspiration.

    Building the Bracket

    To start, our team knew that the majority of the traffic to the actual bracket page would be in real time on tournament weekend -- principally from mobile or tablet devices. Therefore, it was crucial that the interface of the bracket be smooth on mobile for visitors.

    The actual bracket build itself had two main goals:

    1. The bracket needed to be set up in a way that visitors could easily swipe through rounds of play to stay up to date on teams left in the tournament, see the latest game scores, etc. Therefore, our team began both design and development with a mobile-first approach and worked to ensure that each additional responsive layout meshed well with our original strategy.
    2. The content management system needed to be set up in such a way so the staff of the CIAA could easily update the teams left in the tournament during and following each game. NMC developed a content structure so CIAA was able to control all of the vital elements for each tournament team, including:
      • University Names
      • School Abbreviation
      • Hex codes for school colors
    3. The client could also dynamically create each round of play as it happened in both the Men's and Women's tournaments so scores, rankings and winners could be updated in real time. The CIAA could also include additional information like links to live-streams, post-game analysis and player stats.

    With this setup, the CIAA had full control over the bracket at all times and could constantly update it to show the latest scores, winning teams and other details about the games. Our development team worked to ensure that the positioning required to establish the 'descending tree' structure of the bracket occurred automatically to make the content updating process as easy as possible for CIAA. We were thrilled with how it all turned out!