LinkedIn Learning: Course Page Experience

Role: Senior Product Designer | Responsibilities: User flows, Research analysis, Wireframes, Visual designs

LIL Desktop and Phone@2x.png

Background

In 2015, LinkedIn, the world’s largest professional network acquired Lynda.com, the leading online learning company with content spanning technology, creative and business topics. LinkedIn’s mission to provide economic opportunity to everyone in the global workforce was aligned with Lynda.com’s mission to empower people to learn or improve their skills to further their professional careers. A large team of product managers, designers and engineers was formed to build a new learning product that would bring Lynda.com content to the LinkedIn platform with the mission to help people identify their skills gap and find the content they need to help them learn.

Project Overview

While there were many features to the product, at the core was the learning experience on the course page. Here is where a learner would determine if the content was right for them, consume the content and use any supporting tools to help them learn.

Goal

Using Lynda.com as our guide, we wanted to build a strong foundation for the course page that would fundamentally deliver the core experience and have the ability to accommodate future learning support tools and social learning. 

Process

Course page content blocks

Leveraging designs and data points from Lynda.com, I broke down the course page into high level content blocks to see how we might be able lay out the page in a way that would be helpful for learners, while still being able to accommodate future features. 

coursePage Explorations-contentBlocks.png

Course page desktop wireframes

We knew from our experiences at Lynda.com that we needed to keep the focus on the content and that content was Queen. The biggest challenge was how to present other tools and features without interfering with content. 

coursePage Explorations-wires.png

Course page mobile wireframes

While designing for the desktop experience, we were concurrently building a native mobile application. The mobile responsive web experience accommodated the the core learning experience, but would encourage learners to download the mobile app for a full-featured experience. I worked with iOS and Android engineers to create our native experience, keeping within platform and LinkedIn design patterns.

1.wireframes_concepts_CourseDL_yt.png

Course page design

Below is the output of the course page design. It was live for several years before being re-designed again in 2019. After tackling the course experience, I was asked to design the logged-in homepage experience, “guest” (non-registered learners) experience for the homepage and course pages, summative exam experience as well as social learning.

LIL Desktop and Phone.png