Find out how Visma e-conomic used custom Unless drop-in components, bringing the load time from 10 seconds to 300 milliseconds.
The Visma group is a leading provider of software and services in the private and public sector. They have a wide presence with over 200 companies worldwide, 14,000 employees, and over 1.2 million customers.
They value local presence and expertise while sharing world-class competence across the organization. One great example of this is the Visma Data Lake that they built to enable Visma companies to bring business value out of their data, making it accessible in a secure and reliable way.
E-conomic - which is part of the Visma group - offers an award-winning web application for online accounting. As a SaaS provider, they are aware of the importance of onboarding as it can make or break an account and its customer lifetime value (CLV). According to a 2020 survey by Wyzowl, over 90% of customers feel companies could do better when it comes to onboarding and 86% say they’d be more likely to stay loyal to a business that invests in onboarding.
For that reason, they made use of in-app messaging with an onboarding focus on the hometab of their application. However, there was an issue. The average loading time of the in-app message was about 10 seconds, during which most users would have already navigated away from the page without seeing it. And of course in the day and age of the internet, every (mili)second counts.
They addressed this with the help of UNLESS and its custom drop-in components which brought the load time from 10 seconds to 300 milliseconds or in other words 30x faster. This improvement in performance meant many more users of e-conomic were now seeing the in-app message block.
With Visma Data Lake and Unless joining forces, it was also possible to segment their users based on a variety of data points and provide them with information and nudges throughout the web application to ensure the ease and success of their customers. Find out more below.
In order to display relevant onboarding experiences via Unless components, e-conomic had to first segment its users into audiences. Their customers include small and medium-sized companies as well as accountants and bookkeepers. Different groups with different needs.
How much time passed since someone signed up and which actions they already took are also important indications of what the next step (or recommendation) should be. For this, e-conomic was able to get the data directly from the Visma Data Lake and into Unless and get started quickly.
Visma e-conomic opted for a combination of behavior and in-app data, as well as information from the data lake in order to provide a real-time, hyper-personalized, and account-specific onboarding experience.
Particularly during the onboarding stage where users are new and there may be a fresh out of water feeling, it is very valuable to provide them with help and educational content. Often you have to educate your users on the subject broadly and your product specifically while making sure they take the actions that are crucial to the use of your application. Visma e-conomic implemented a variety of Unless experiences for this purpose.
One approach was replacing one of the blocks in their homepage of the application with a personalized Unless component that would fit the e-conomic branding and dashboard well. In addition to being aesthetically pleasing, this was especially important in order to match the design guidelines of e-conomic.
Luckily, this was easy to do since all Unless components can be tinkered with to match your company branding whether it be the colors, fonts, or something else. And additionally, components can be custom built by the Unless team, by your developers, or agency with additional functionality. This way the custom Unless component with relevant content recommendations or CTAs could appear natively within the app.
Let’s take a look at some examples.
Depending on what your application is about, and especially if you are in a B2B context, it is likely that some of your users will need educational content about the subject itself. In the case of e-conomic, it is about accounting and bookkeeping. Below is an example of a custom Unless component that is showcasing an Accounting Guide for Beginners that can be downloaded.
It would be possible to identify these users based on whether they are an individual or working at a company, size of the company, amount of experience, seniority, and so on. Optionally, you could use “self-segmentation” to ask them directly whether they would like such content or not, if they are new to bookkeeping, etcetera.
Once you are certain that your users are up to date with information on the subject matter broadly, you can get started with educational content about your product specifically and all the ways in which it can be utilized. After all, at the heart of a product onboarding lies… your product!
Below you will find a selection of screenshots where e-conomic has communicated to its users that they have a mobile application, an e-copedia, a getting started guide, and more. They have also used this space with an Unless component to provide tips to their users about different functionality that is available in their app, like an overview of your VAT calculation.
With all the content recommendations and guidance they were providing, of course it was also important to test those messages and see which ones are working better. And when you have as many contacts as e-conomic does, it can be easy to get statistically significant results very rapidly.
Above is an example of two variations they came up with in order to promote either their free self help universe called “e-copedia” or their online courses. Using these two variations they gained insights into which one of the offerings is most relevant to their trial customers. The CTA has remained the same however they have slightly adjusted the headline and subhead, while also using a different visual.
Now that we looked at users knowing about the subject matter more broadly and the product more specifically, there are also some practicalities to keep in mind. With any application, there will often be some steps that you as a user need to take whether it be to confirm your email address, add your colleagues, fill in your account information, select payment method, and so on.
In the above example, e-conomic has used two variations about setting up automatic payments. This time the visual remained the same, the CTA was slightly adjusted and the headline and subhead were changed noticeably.
Having read the e-conomic use case, components might be of particular interest. Unless feature components are blocks of functionality that you can inject into any website, regardless of its technology, and without touching the website’s original code - by just pointing and clicking. They can contain simple content and pictures, or do complex things with data from external systems.
Overlay components render on top of your web page and include bars, pop-ups, side-boxes, and such. Inline components on the other hand are elements that can be placed directly within a page, without breaking the experience. They can include testimonials, content, CTAs, and more.
We have inline components that include testimonials, content, CTAs, and more. There are also overlays you can use such as bars, pop-ups, side-boxes, and self-segmentation. If you have an idea for a component, contact us!