These thumbnails play a pivotal role in enhancing the user experience on the site as they serve as enticing course previews, aid in navigation, and motivate user engagement. I take pride in my role in maintaining LinkedIn Learning's position as a top choice for online education.
Please click any image to enlarge. Hover over image to view course title.
LinkedIn Learning provides a diverse range of subjects on its platform to cater to the evolving demands of the global workforce. Because of this, a wide variety of thumbnail styles were established to effectively convey course material while expanding a cohesive visual identity for the thumbnail system.
Let me walk you through the different types of thumbnails I designed throughout my time in LinkedIn Learning!
ILLUSTRATIONS
The most prevalent type of thumbnails in LinkedIn Learning are illustrations. They span across a wide spectrum of subjects from technology to business.
Each thumbnail features a diverse representation of characters engaging in dynamic environments set by the course content.
Each thumbnail features a diverse representation of characters engaging in dynamic environments set by the course content.
To effectively convey each course, I researched and regularly collaborated with producers. I present two different sketched concepts for approval. The chosen concept will then be finalized.
GITHUB CODESPACES
GitHub Codespaces are one of the newest course offerings available in LinkedIn Learning. They enable hands-on practice through seamless integration with GitHub Codespaces. As a nod to the visual style of GitHub, these thumbnails are set in a dark, neon, glowy isometric environment.
CODE ILLUSTRATIONS
For coding videos, thumbnails feature actual code found in the course combined with a graphic illustration.
ADVANCED COURSES
Designed for the more advanced learners, these courses feature a dark theme.
INTERFACE
For software courses, the actual interface is recreated in the thumbnail style, while zooming into the feature taught in the course.
SERIES
Certain courses are organized into a series. These thumbnails maintain a cohesive visual theme to set them apart from the others.
PHOTO ILLUSTRATIONS
On-brand photography sourced externally intertwine with graphics to convey the objectives of business courses.
AUDIO COURSES
Strong typography and bold, abstract graphics come together for audio courses.
The graphic illustration should be able to stand alone as it is the background when listening to course.
MISCELLANEOUS THUMBNAILS
Sometimes, the instructor or the end product is the best way to showcase the course.
LEARNING PATHS
Learning paths are a playlist of courses to help learners achieve their certification. To group all the courses, a header is necessary, along with the thumbnail.
LEARNING GROUPS
Learning groups are communities in LinkedIn where learners can engage with subject matter experts and with each other, to discuss shared learning objectives. For Learning Groups, a pixel-perfect icon serves as the group's thumbnail. And to further emphasize community, the header depicts 3 or more people collaborating with one another.
Thank you for viewing!