Flat.io Core-feature Onboarding


Flat.io, a renowned music composition editor, offers a feature-rich platform for musicians and composers.


Despite Flat.io’s powerful capabilities, user feedback and analytics indicated a need for an improved onboarding experience to enhance user engagement, reduce the learning curve, and optimize user satisfaction.


Early 2023—Oct 2023


Responsible for the end-to-end design of the onboarding testing & final versions


1 Costumer experience manager, 1 Lead Marketing strategist, 3 developers at Tutteo Limited

Users, although quickly adapting to Flat.io’s modern interface compared to other music composition software’s, reported challenges in fully understanding and utilising the score composition inputs and its advanced features, especially those new to musical composition.

Problem Statement

User Perspective

Users didn’t have any kind of guidance on where to start or what to do, leading to a less-than-optimal user experience, hindering user retention and limiting exploration off the product’s potential.

How might we…

Improve user understanding, encourage exploration and elevate the overall user experience?

Defining Success — Hypothesis

Implement a well-structured onboarding tutorial for Flat.io, providing users with a guided and interactive introduction to the platform’s core feature.

By incorporating an onboarding tutorial. We anticipate a notable improvement in user engagement, accelerated user proficiency and increased user satisfaction.



Utilize feedback to tailor the onboarding experience, enuring it addresses the specific needs and preferences of different user segments.

    • Improving the understanding and proficiency of users score compositions abilities, is likely to contribute to higher user satisfaction, reducing frustration and promoting a positive overall experience


Create an interactive element to actively engage users in the learning process.

    • Users who complete the tutorial are expected to achieve a quicker and more comprehensive understanding of the interface and composition tools


Implement analytics to monitor user interactions and define KPI’s to understand user proficiency after onboarding.

    • Users are anticipated to engage more actively with the onboarding tutorial, resulting in an increased exploration and interaction with the Editor’s features


Develop a comprehensive onboarding tutorial that covers fundamental score composition input tools and functionalities.

    • Crafting a carefully curated onboarding tutorial that addresses user onboarding challenges, fosters a more intuitive and enjoyable experience

Example of tool highlights, light bubble and key features


Engaging, familiar patterns that support the product requirements and align with one of the companies core values of continuos commitment to improve the product experience with more user-centric solutions.

Keeping in mind the business core value of continuous commitment to improve the product with more user-centric solutions, we initially peformed user-interviews with the 3 types of personas we had identified (beginner, intermediate and advanced users) who had never used the product and were willing to try it on a live sessions for us to better understand how they perceived the product and what steps they took on the first-time composing. From the results and inisghts gathered from the interviews, we then explored the different key components we would need to focus on throughout the onboarding tutorial, such as:

    • Tool highlights
    • Light bubble
    • Key features

After coming to a conclusion on the exploration of the component elements, we started performing A/B Testing to better understand if users preferred images, gifs, videos included in the tooltips; what features users spent a longer time on in the sessions, among others.

Design of the tutorial tooltip


After following through with iterations based on the A/B testing and metrics we were collecting, we finally reached a first version of the onboarding tutorial focused on beginner users.

6 months later, in August of 2023 we have a successful onboarding tutorial in production, which is already generating conversation rates.

Learning Take-aways

What went wrong?

In our initial approach we thought we should start out by showing all the score inputs and then leading the user to a guided mini-tutorial on how to input notes in the score.

We later realized that this section was where users spent the least time, and instead they were a lot more active with the guided tutorial.

_____ More Selected Works _____

Mobile digital coaching management

Product Design / 2020

Seminar offers chat-bot platform

Product Design / 2019-20

Educational digital platform

Product Design / 2018

Cristina Tulcidas — 024©
Mais Amor Por favor