Gamified onboarding - turning beginner users into real investors.

Note: This is conceptual and non-commercial project.

Problem

XTB offers a demo account to help novice investors practice risk-free trading while learning about financial markets. A demo account provides freedom and safety, but there is no onboarding structure that can effectively guide users through app features.

Solution - Beginner Mode

Enhancing Demo account with a Beginner Mode – an interactive tutorial guiding new users through the XTB mobile app. Users who receive structured guidance through an interactive onboarding process are more likely to stay engaged with XTB and feel motivated to take the next steps (better loyalty). This feature would primarily target young and beginner investors, educating them interactively within the app, reducing mistakes, encouraging them to stay with XTB and ultimately leading to open a real account.

Expected impact on business

Research and competetive analysis

Industry benchmark

The analysis compared mobile apps, educational features and demo account experiences offered by XTB main competitors. Platforms like Trading212, eToro, Plus500, Interactive Brokers, Saxo Bank and Freedom24 were evaluated based on key aspects such as demo account accessibility, educational resources, onboarding processes, and unique platform features.

Conclusion

Notable benchmark - Tykr.com

Tykr effectively combines investment education with an interactive, modular interface. Its engaging learning modules and structured guidance can enhance user confidence and satisfaction.

Key features of Tykr app:

Interactive learning insights

The research also included platforms that successfully integrate interactive elements to improve the learning experience. Approaches used in examples below:


Such solutions find their grounding in psychology, which says that activities used in gamification help engage participants and users are more likely to finish the checkout process when they can clearly see how far they've come or what remains to be done (Zeigarnik Effect).

Sources: 1, 2, 3, 4, 5

Codecademy

Duolingo

Coursera

ADPList.org

Business challenges

Several factors may explain why XTB and other investment companies have not yet implemented interactive onboarding features

  1. Business priorities and strategy
    Companies often prioritize rapid client acquisition and activation over extensive learning experiences. Demo account expansion may conflict.
  2. Development and maintenance cost
    Developing and maintaining an interactive tutorial requires significant investment in technology, UX/UI design, research.
  3. Lack of industry benchmarks
    Most investments platforms rely on traditional educational methods (articles, longer video tutorials, webinars) rather than interactive tutorials. Without competitive examples, companies may not see this approach as an immediate need.
  4. Regulations
    Industry is s heavily regulated environment. Interactive tutorial might need to comply with strict financial regulations. There's also a risk that guiding users through certain actions could be interpreted as providing investment advice.

How to consider that in project?

Regulatory restrictions can be managed by ensuring the tutorial focuses on platform functionality and provides neutral coverage of all instruments without favoritism. I address these potential challenges later in the case study within the tutorial design.

Beginner investors analysis

Analyzing available sources (press articles, research, online opinions, and expert statements) allow to identify the key characteristics and needs of beginner investors in Poland. This insight enables the effective customization of the “Beginner Mode” feature in the XTB app.

Sources: 1, 2, 3, 4, 5, 6

Key findings:

Main needs and challenges:

User personas

Based on the collected research data and analysis, I created 3 personas for this project, each representing different backgrounds, locations, unique challenges and motivations.

1. Financial Novice

🏆 Mateusz's impact on final design - Beginner Mode will remind the operation of basic functions from the Demo account he knows from the past and after completing the entire tutorial, he will receive notification that with his acquired knowledge he can confidently move on to the real account.

2. Careful Saver

⏩️ Karolina's impact on final design - due to her limited time tutorial path is concise, there is estimated time and task mentioned. Also she can quickly skip through the tutorial steps if she already knows certain terms.

3. Curious Market Discoverer

🎮 Jakub's impact on final design - tutorial included in Beginner Mode explains the most basic elements and simple instructions from the beginning and he can use help from XTB AI Assistant named "Novo" anytime in the modules.

Customer Journey Example

Scenario: Jakub is installing the XTB app for the first time and wants to see how investing with a Demo Account works.

Jakub's motivation declines as he progresses through the app. He explores various features but does so blindly, without clear direction. Despite his frustration, he remains motivated and returns to the app to learn, though this process is time-consuming and leads to errors.

Final design visuals

Main design guidelines:

Home screen

Welcoming modal serves to immediately introduce user to Beginner Mode and the benefits of using it, before they even start exploring their demo account. For even easier access to learning features, I used a toggle button on the home screen and added a “lessons” item to the navigation bar.

Beginner Mode inside view

For additional support for new users, I placed “i” icon next to main heading to explain how the whole idea works. Each component includes the title of the module and a description, so that the user knows the scope of information in it and how many points can be gained by completing. Keeping in mind research insight that users are more likely to finish the checkout process when they can clearly see how far they've come, an icon next to the title indicates the percentage of completion of a particular module. I designed also a secondary button that is visible after completing module, so user can repeat the whole thing if its needed.

Sample educational module

To make the process as clear as possible, I've included icons under the module header suggesting approximate completion time, number of tasks and points to be earned. In accordance with the regulations mentioned earlier in research, an informative message appears that the content in the module is not investment advice. Those with basic knowledge can go straight to the quiz, but are informed that this is not the recommended way.

Tasks inside modules are marked out with a specific icon that repeats in all modules and tips to improve the task execution. At the end comes the practical use of all the given information and what is important: user completes tasks on the interface of the XTB app, meanwhile strengthening knowledge about the particular functions.

In order to not overload users with content, but ultimately to give them ability to acquire more information, I added AI Assistant named Novo to the learning modules. It works in a similar form to the well-known chatbots for customer service. My decision is dictated by the growing use of ChatGPT and other AI tools for information acquisition by young people (according to SalesForce research 65% of generative AI users are Millennials or Gen Z).

Wrap up of the module is finishing short quiz that requires a minimum 90% correct answers. The application displays information about the correct answer in real time and provides explanation. In case of failure, user can try again (the number of approaches is unlimited).

NPS survey and final message

For more effective feedback gathering on Beginner Mode performance, the last task of the final module is to complete a short NPS survey. Upon completion, users get a summary of their achievements and they are encouraged to open a real account. This message effectively realizes the “moment of achievement” in user experience design - the key point at which a user feels satisfaction with a completed task and is most open to taking the next step (conversion).

Concepat validation and KPI's

Despite the fact that this project is fully conceptual, to verify effectiveness I would use following KPI's

Engagement

Conversion rates

Retention rates

Customer service involvement

Reflections and Lessons Learned

💡 What I learned during project:

🔎 Biggest challenges:

🚀 Potential next steps for the concept:

Check out my other case studies

Work

About me

Resume

Instagram app iconLinkedin app icon
jacek.marek20@gmail.com