How Would We Personalize the Course Catalog Page on Codecademy
Personalize the web experience based on the zero-party data
Codecademy is an online interactive platform that offers coding classes in different programming languages. Codecademy is committed to teaching people the skills they need to upgrade their careers.
The Background of the Personalization Journey
Codecademy conducts two short quizzes for every user during the onboarding to guide them on which courses to take based on their interests.
The first quiz is Onboarding Quiz:
The second quiz is the Sorting Quiz:
Although Codecademy has two quizzes to guide its users, they don't personalize the experience on the course catalog page - where users explore different courses and content.
In this case study, we'll show you how we would personalize the web experience on the course catalog page based on the zero-party data Codacademy collects from two quizzes.
The Experience Personalization for Users
Step 1: The Tech Stack
In order to create the best possible personalized experience, we'll source all of the data points made by the same visitor under one merged profile.
In this way, onboarding quizzes, sorting quizzes, and website behavior will be stored under the same profile, allowing us to create a seamless personalization experience.
To create this experience, Codecademy will need the following tech stack:
Step 2: Defining Hypothesis and Methodology
We hypothesize that if we personalize the course catalog page based on users' needs and preferences, we will see a higher conversion from free users to paid customers and an increase in loyalty - ultimately, in customer lifetime value too.
Because the more personal the connection between the course catalog experience and the user by recommending the right courses, career paths, blog posts, and resources, the more likely it will increase customer loyalty, customer lifetime value, and revenue.
To personalize the course catalog experience, Codecademy needs to leverage
the zero-party data they acquire from two quizzes and
the first-party data they have from their website.
Step 3: Choosing Website Sections to Personalize
Since we want to create the best personalization experience for Codecademy users, we'll personalize as many components as possible on the course catalog page.
Firstly, we'll start with the 'Most Popular' courses section. Instead of showing the general most popular courses, we would show the personalized most popular courses for every user.
Next, we would personalize the 'Get Inspired' section. Instead of showing the same content for everyone, we'd personalize inspirational posts based on users' preferences that have been shared during the quizzes.
Then, we would personalize the 'Pro Membership' section. In this section, showing relevant courses to users' preferences would increase the conversion rate - according to our hypothesis.
Lastly, we would also personalize the navigation bar, the languages, and subjects based on the users' wants and preferences.
Step 4: Choosing Personalization Signals and Creating Variations
During the onboarding quiz, Codecademy asks the following questions to its users:
The main purpose of using Codecademy
The most interested topic
The knowledge level for the most interested topic
Moreover, in the sorting quiz, Codecademy better understands its users' needs, wants, and preferences by asking behavioral and psychographic questions.
Codecademy can easily segment its customers based on these questions. Once Codecademy creates audience segments, it's time to create and attach personalized variations to these audiences.
Therefore, to create a seamless customer experience, we'll use the following signals for personalization:
Main Purpose: This type of grouping enables Codecademy to tailor its conversion strategy to the needs of particular user groups.
Topic: Knowing the topic will allow Codecademy to show the right content, courses, videos, articles to the right user.
Knowledge Level: It will help Codecademy to better understand how much the user knows about a specific topic. In this way, Codecademy can show the right topic with the right level (beginner, intermediate, advanced, etc.).
Personality Type: Based on the sorting quiz, Codecademy divides its users into four categories:
Step 5: Personalization Journey
To create the personalized version, let's define our user's personalization journey:
A visitor lands on the Codecademy website and signs up.
After the sign-up, the user takes the onboarding quiz.
Then, the user lands on the course catalog page.
Next, the user takes the second quiz: Sorting Quiz.
Finally, after completing the sorting quiz, the user comes back to the course catalog page.
The Result: Before vs. After
So far, we have talked about the hypothesis, methodology, which signals to use, which components to personalize.
To understand it better, let's look at the personalization experience step by step with visuals.
In our personalized example: "The user's main purpose is supporting projects at work, interested in data science and has no previous knowledge about it. Moreover, based on the sorting quiz, the user is a problem solver."
After completing the onboarding quiz, the user lands on the course catalog page:
Then, the user takes the sorting quiz and comes back to the course catalog page:
Since the user took the sorting quiz, there is no need to show the quiz banner on top of the page. Moreover, after completing two quizzes, the page is personalized based on the user's needs and preferences.
The Bottom Line
Personalization is a continuous journey, which means that once one implementation is completed, companies will return to the beginning of the framework to analyze acquired data, discuss new ideas, hypothesize further improvements, and so on.
Through continuous learning and experimentation, this strategy enables various teams
to create meaningful personalization experiences.
Time to Experience the 'Personalized Experience'
So far, you've read which components to personalize, how to personalize the components, how to attach audiences to personalized variations.
Although we tried to provide visuals of the personalized components and pages, they cannot replace the real experience.
Now, it's time to experience a personalized page in action.
When you go to this web page, you'll see that the page will be personalized for you based on your activities 😊