How Would We Personalize the N26 to Show the Right Product to the Right Visitor

Use the data you collect to make sure the product recommendations are always fresh and relevant

N26

N26 is a German neobank headquartered in Berlin, Germany.

N26 currently operates in various member states of the Single Euro Payments Area (SEPA) and in the United States.

It provides a free basic current account and a debit card, with available overdraft and investment products and premium accounts for a monthly fee.

The Challenge

The purpose of a landing page is to convert visitors into leads by focusing on one offer and ensuring that the user experience is tailored to their wants and needs.

Although the needs and wants are different from one N26 visitor to another, every visitor sees the same page and offers.

Therefore, the challenge for N26 is to show the right product (with the right features) to the right visitor at the right time.

The Solution

The solution is: Personalization.

N26 needs to use the data they collect to ensure the product recommendations are always fresh and relevant.

The more personal the connection between the offer on the landing page and the visitor, the more likely it will increase the:

  • Conversion

  • Customer Loyalty

  • Customer Lifetime Value


How to Make Better Product Recommendations

Step 0: Methodology and the Tech Stack

In order to create the best possible personalized omnichannel experience, we'll source all of the data points made by the same visitor under one profile.

In this way, email, on-site, and app behavior will be in the same place and allow us to create a seamless, personalized omnichannel experience.

To create this experience, N26 will need the following tech stack:

  • Ninetailed

  • Contentful

  • Next.js

  • Email Marketing Service (Such as MailChimp)

Step 1: Defining Audiences

Before diving into the personalization, first, we need to define whom N26 is going to personalize its content for.

When we checked the website, products, and blog posts on n26.com, we identified that N26 has five different major customer segments:

  • (International) Students

  • Freelancers

  • International Employees

  • Travelers

  • Business Owners

Step 2: Choosing Elements to Personalize

Until here, we defined the methodology, tech stack, and audiences. Now, it's time to choose which components to personalize on N26's website. In our personalized variations, we’ll personalize the following components:

  • Home Page

    • Hero Section (Title, Subtitle, CTA, and Visual)

    • Features

    • Products

    • Blog Posts

  • Product Page

    • Products

    • Product Comparison

    • Features

    • CTA

Step 3: Choosing Personalization Signals and Creating Variations

To create a seamless customer experience with personalized variations, we’ll use the following signals:

  1. Pages & Products Visited: The previous activity allows personalizing based on which products the customer is interested in.

  2. Customer Status: This signal helps N26 to personalize its web experience for customers and non-customers. For non-customers, they can personalize their website to show the best suitable product and message. On the other hand, this signal allows N26 not to show already purchased products for the customers.

  3. Email: It allows creating an omnichannel personalization experience by synchronizing the experience on different channels - web, email, and mobile app.

To learn more about how to personalize based on different signals:

How to Personalize a Landing Page Based on Social Ads
How to Personalize the Shopping Experience

Step 4: Personalization Journey and Attaching Audiences to Variations

Personalization Journey:

Before attaching audiences to variations, let's define our audience and its journey for this case study:

  1. A visitor visits a blog post about getting a bank account as a freelancer

  2. As a next step, the visitor goes to the home page → Home page personalization based on pages visited

  3. Then, the visitor visits the product page → Product page personalization for freelancers

  4. Next, the visitor becomes a customer → Personalization based on product not owned [Eg.: Insurance product recommendation]

  5. However, the customer visits the credit page and checks a credit to buy a car.

  6. Then, the customer goes back to the home page → Personalization based on credit calculator page (Amount & Reason {Buying a Car})

  7. As a next step, the customer receives an email for a car loan → Personalized offer (Credit Amount & Reason {Buying a Car})

  8. Lastly, the customer goes to the home page → New personalization based on email

Attaching Audiences to Variations:

After defining which components to personalize and creating variations for these components, it’s time to attach audiences to these variations. To attach the audiences, we need to define different intent signals for:

  • pages viewed

  • customer status

  • on-page behavior (e.g., credit amount, the reason for credit, etc.)

  • products owned

Here is a sample screen for intent definition:

By combining multiple signals and attaching these signals to audiences, N26 can create personalized offers and tailored product recommendations for its visitors and customers.


The Result: Before vs. After

After attaching audiences to variations, the experience of the home page will be automatically personalized based on the predefined parameters.

To understand it better, let’s look at the personalization experience step by step:

  1. The visitor goes to the home page after viewing a blog post about getting a bank account as a freelancer:

  2. Then visitor goes to the product page to see the details:

  3. The visitor becomes a customer and visits the home page later. During this visit, the customer sees a different product on the homepage rather than a product the customer already owns:

  4. However, the customer visits the credit page and checks credits. More specifically, the customer checks a car loan for € 10.000 for a 3-year period:

  5. Then, the customer goes back to the home page:

  6. As a next step, the customer receives an email for a car loan:

  7. Lastly, when the customer goes to the home page, s/he sees a personalized homepage based on his/her action on email (email opened, link clicked, etc.).


The Bottom Line

Personalizing the message and products in websites with many components, products, and audiences such as N26 are crucial. However, starting with simple cases and continuous iteration is critical.

Through continuous learning and experimentation, this strategy enables various teams

  • content creators,

  • growth,

  • product management, or

  • development

to create meaningful personalization experiences.

To create a personalized experience on their landing page, N26 has all they need - the right tech stack, customer data, etc.

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 there were screenshots of the personalized components and pages, they cannot replace the real experience.

Now, it’s time to experience a personalized landing page in action.

When you go to this landing page now, you’ll see that the page is personalized for you 😊

Experience the Personalization