Washington Interscholastic Activities Association - (WIAA)

The Washington Interscholastic Activities Association (WIAA) organizes and hosts over 80 WIAA state championship events.

Project

The WIAA requested a user-friendly website that would be used as an informative and assistive tool for their users and staff.

Analysis

Upon review of the WIAA site, a number of issues were discovered.

  • No visual definition or purpose
  • Lack of any intelligible organization, thus leading to user confusion.
  • No navigational scheme.
  • Zero design consistency.
  • Site design and architecture did not facilitate intuitive pathing for users to reach their goals.
Screenshots of previous site displayed in monitors with call outs of problem areas.

Organization

Using WIAA statistics, user feedback, and the incorporation of user personas, an organizational structure of site components were placed into intuitive categories.

Graphic of the site flow chart

Sketches

In collaborative brainstorming sessions, we took advantage of sketching to spur ideas for design and innovative functionality.

Paper sketches of the progression of layout decisions

Wireframes and Specs

Wireframing created a visual mapping and purpose for the placement of the user interface elements. Each interface element had a reason and a purpose.

LoFi digital wireframes and annotations

Visual Comps

Design principles of simplicity and consistency were critical to the visual design to reduce user confusion and draw the eye to specific "Call-to-Action" areas.

Screenshot of home page comp in Photoshop

Project Completion

The new WIAA website received rave reviews from its users. The WIAA staff no longer had to field calls from frustrated website users, allowing them more time to facilitate their WIAA tasks.

Two monitors displaying finalized designs for the home page and a generic interior page.

Interested in learning more about me and my process?

✉️ Send me an email ✉️