NCAA (National Collegiate Athletic Association)

Branded home, my learning, and learning catalog pages

ncaa-macbook-mockup-cropped

Project Overview

The National Collegiate Athletic Association (NCAA) required a homepage redesign along with two additional custom pages to enhance the learning experience within their Docebo LMS. For the homepage, they envisioned a clean layout starting with a prominent banner featuring a branded background pattern, a welcome message, and an image slider. Below the banner, a grid of six tile buttons linked to key pages and actions was implemented.

Two subpages, My Learning and Browse for Learning, were created to align with the homepage tile links. The My Learning page utilized three Courses & Learning Plans widgets to display users’ in-progress, not-started, and completed courses. Custom CSS was applied to add helpful text to the widget counters, such as “In Progress: 4 Items.” At the bottom of the page, a call-to-action button navigates to the Browse for Learning page. This page includes six jump-link images at the top, each connected to a corresponding channel widget.

Throughout all three pages, a branded background pattern replaced the default color, and all widgets were customized to align with NCAA’s visual identity.