Fighting Illini - University of Illinois Athletics Website

SIDEARM Sports Client requests:

  • Bold, new, efficient, clean design

  • Increase user-interaction

  • Would like to be able to make site customizable for users - be able to select sport-specific information to be displayed on individual's homepage so that each time a user visits the site, his or hers saved

  • hero image for stories, incorporate social media, custom story template

  • new design for upcoming events - incorporate a way for fans to view live game scores

  • Incorporate sponsor ads in specific areas of the design

 

Responsibilities:

Create unique full site design and layout along with promotional graphics and internal graphics, and custom layout for news page

Create promo templates for client for future use in updating their promo graphics to maintain the site design

 

UX Research:

  • more emphasis on social media needed - main communication tool used by fans

  • create new and unique way for fans to follow favorite sports

  • athlete cut-outs provide more dynamic look

  • use of colors to split up sections on site

  • more visual based instead of text based

  • subtle but identifiable rotators

  • dynamic promos

  • inclusion of sponsors

  • incorporate opponent team logos

  • custom news page layout

Execution:

  • large hero image for main stories - ability to also view in a grid

  • created a customizable, "Illini Experience," where a user can customize the homepage to include an overview of favorite sports - headlines, games, twitter, instagram 

  • included rollovers for schedule and video sections to optimize use of space and increase interactivity

  • provided navigation of each feature - arrows or circular rotators to take advantage of space and create more optimal loading times

  • modal window for feature videos

  • incorporation of sponsors and advertisements 

  • new custom layout page for sport stories incorporating related videos and photos

Designed in Adobe Photoshop, documented and packaged for development team

 

To see the live site please visit: fightingillini.com

*Please note that the client is responsible for populating all site content (ie: stories, photos, promo and sponsor graphics, events, etc.)

 

*All images property of: University of Illinois

 

 

    starter_ipad.png
    color pallette

    color pallette

     
    branding pattern

    branding pattern

     
     
    12 column grid

    12 column grid

     
    main dropdown navigation

    main dropdown navigation

     
    sport (specific) page navigation

    sport (specific) page navigation

     
    modal video player window

    modal video player window

     
    ability to customize home page with quick sport overviews and updates chosen by the user

    ability to customize home page with quick sport overviews and updates chosen by the user

     
    custom story page layout

    custom story page layout

     
    gameday_promo.png