A complete redesign of the lesson system with the goal to create a more engaging interactive experience which fully utilises current web technologies and device capabilities.
The initial explorations were a combination of research, sketches and discussions within the design and content creation team.
To test out the card a series of prototypes and motion examples were built out.
Desktop motion test After effects
Mobile motion test After effects
The Lesson Card System was was created through a continuous discussion with the content creation team.
Lesson introduction and outro cards
Card types: Copy card, content card, card stack & breaker cards
Quick quiz card
The goal here was to create a delightful quiz experience which doesn’t feel like a school test.
Illustrations were used throughout the product to engage and delight
the user, as well as to explain complicated ideas.
To minimise illustration creation efforts a library of illustration assets such as social media posts, web browsers, devices, faces, hands and other objects was made.
The building blocks and rules behind the Facebook Training Hubs illustration style.
The first version was launched in the beginning of 2018 in India, Germany, France and Belgium (with 14 additional markets to come).
Hundreds of thousands of people have already signed up and completed thousands of lessons.