ADOBE, 2022
Boosted landing page engagement by helping learners find learning material and learn from their peers
My role
Team
duration
introduction
My journey in the Adobe Learning Manager team
But what is Adobe Learning Manager?
It is a white-label course hosting platform for businesses to give learning experiences to their employees, customers or partners. E.g. if Apple had to set up a private YouTube for their software devs to educate them with courses on leadership, cross-functional teams or career growth etc.
Learn more below!
problem breakdown
⚠️ Carousel: Above-the-fold, yet less throughput
We found out that people don't click the carousel, yet it takes a third of the space above the fold, requiring the user to scroll to get into any of the course inventory.
⚠️ Levels snapshot: Points, but how to earn them?
Users don't know anything about how to earn these points, and it serves as a dead component that doesn't contribute to activity on the platform.
⚠️ Social feed: Opportunity for entry points for social-driven learning on the platform
Won't in be great if social activity lets the user to explore more on the platform and use it for social-proof based, targeted learning?
⚠️ Reccommendations lacking a hook for the user
Users don't know where the interest based recommendations are coming from, what interest they're catering to and why the user should enrol in those courses.
⚠️ Peer activity: But who took this course and why should I take it too?
Similar to interest based recommendations, peer based recommendations lack a personal connect to the user, when it can be a great opportunity to promote socially driven learning on the platform.
⚠️ Lack of brand identity: Design system not followed
Adobe Learning Manager steers away from the Spectrum design system, lacking a brand identity of being an Adobe product, making developers create a ton of custom components.
understanding the user and their problems
Primary research through pre-recorded leadership interviews due to budget constraints and time limitations
During the internship, budget constraints and lack of time became an obstacle to conduct semi-structured user interviews.
Digging deep into the wiki of the product, I found out stakeholder interviews conducted by the recently hired design manager to help the team understand goals, users and priorities better.
Final outcome
The landing page redesign led to a complete revamp to the Spectrum design system to ensure visual consistency
This revamp brought visual consistency, familiarity and brand connect to Adobe Learning Manager. With the design system incorporated, developers can now use components from it, saving time in development. Users can also see a cleaner interface and associate this product with the Adobe brand.
A leaderboard that motivates the learner
An enhanced leaderboard snapshot that visualises your progress in the ranks and shows your position on the leaderboard. Now, visualisation becomes an intrinsic motivation for learners to take up new courses and move ahead.
A truly ‘social’ social feed
The social feed displays detailed information about your followers’ activities giving helping learners discover new courses and interact with other learners.
The carousel where it belongs
Even though the carousel is not the most engagement-driving component, we couldn't omit it because the marketing team uses it to promote new courses. Hence it is shifted lower on the landing page to preserve the functionality instead of completely losing it.
Interests tabs to make the experience personal to learners
Users add interests through the platform onboarding. When on the home page, the learner can either explore recommendations or jump deeper into one of their added interests by clicking on the tabs, which updates the section based on the interest selected, giving them more courses to look at and enrol in that suit their needs, and boosts engagement of the course inventory.
Learners to social learners through following other learners on the platform
Following people helps the platform suggest better recommendations to the user through the social feed and landing page. A suggestion row urges learners to follow other learners, contributing to indirect peer-to-peer engagement.
Dive deeper into an interest
Users can access a snapshot of recommendations from a topic, where they can either browse beginner, intermediate or advanced courses through the tabs present. This provides the user with more options to select courses based on their appetite for learning, increasing engagement.
People you follow are learning this too!
Another set of recommendations comes from people you follow, which adds an element of social proof to them. If someone else you know is taking a course, it motivates you to take a look.
You liked this course? Guess what, here are more!
Another set of recommendations is courses similar to a course you previously enrolled in, which helps the learner find parallel courses to continue their learning.
Presenting, the revamped landing page!
With all features combined, the revamped home page offers a variety of courses to enrol into based on peer influence and interest influence, increasing the engagement of the course inventory.
signing off!
Retrospective
This project motivated me to explore wide compared to deep, and find a variety of opportunities to add value to the learners. Its been delivered to be developed and will be incorporated into the product based on leadership priorities. Here are a couple of most important takeaways:
Adaptability over obstacles
I learnt to not rely on the ideal option available and discovered a way out through the obstacle when I tried to make the most out of pre-recorded stakeholder interviews
Interface modernisation
Reading through Adobe Spectrum design system documentation thoroughly helped me understand web and desktop components and patterns better, knowledge I use to this date
Enjoyed the case study? Check the other two out!
This case study is the 1st of the 3 parts of my internship at Adobe. Check the others out below!