Case Study: Calgary Villain FC

Aug 14, 2026

An individual project for Intermediate UX Class. I have redesigned the homepage and pre-registration journey for Calgary Villains FC in all research and design. Conducted interviews and competitive analysis, information architecture and user journey mapping. Lastly, I created a design system for the redesigned website for Calgary Villains FC. The redesign removed a pop-up that clocked every participant tested, restructured eight navigation into five and made them easily understandable, especially to new football parents.

Case Study: Calgary Villain FC

Aug 14, 2026

An individual project for Intermediate UX Class. I have redesigned the homepage and pre-registration journey for Calgary Villains FC in all research and design. Conducted interviews and competitive analysis, information architecture and user journey mapping. Lastly, I created a design system for the redesigned website for Calgary Villains FC. The redesign removed a pop-up that clocked every participant tested, restructured eight navigation into five and made them easily understandable, especially to new football parents.

CLIENT

SAIT / Intermediate UX Class

CLIENT

SAIT / Intermediate UX Class

Role

Web Designer

Role

Web Designer

Orange Flower
Orange Flower

Key Findings

Key Findings

Process

  • Discovery Research

  • Heuristic Analysis and Developing Mini-Briefs

  • Conducted Interviews + Competitive Analysis

  • Conducted card sorting, designing IA and User Flow

  • Created Customer and User Journey

  • Developed Design System and Prototype

Problem

  • Mobile pop-up with no close button blocked 6 of 6 participants

  • Program names assumed football knowledge parents don’t have

  • No pricing anywhere on the site.

  • It can be confusing for users because the registration content is split across two menus.

  • A program like “GGX” is listed under three different names.


Outcome

Outcome

Solutions

  • Removed the pop-up; gave its content a permanent homepage section

  • Rebuilt programs around age ranges with plain-language descriptions

  • Added pricing to every program card

  • Consolidated eight menus into five, named in users’ own words

  • Turned Field Status into a compact utility bar, freeing homepage space

    Click here to view Figma Prototype (View Only)