Dashboard redesign
A new dashboard that I designed
A new dashboard that I designed
Have you ever called someone that doesn't speak your language?
Maybe it was from a sim card company from a country you traveled to or a special gift for yourself.
Imagine the frustration when your order doesn’t arrive, and when you try to resolve the issue, you find out that the support team doesn’t speak your language.
Lokalise Messages is a plugin that allows support team to translate messages from customers.
We integrate with popular tools like Intercom and Zendesk to help users and support agents communicate seamlessly in their own languages.
tl;dr - Bad UX. Super Bad. Just look at the visuals below.
Despite the initial success in selling, we have failed to scale the product in a product-led model. After some initial analysis, we believe there were two main pieces we need to fix:
1. Learning curve is too high for new users
2. Difficult for existing users to track and maintain usage
All issues that we discovered
Step #1 - Journey mapping with stakeholders
Together with the product manager, I conducted user story mapping sessions involving sales teams, customer success managers, and customers.
This collaboration helped us develop a comprehensive user journey map, pinpointing critical pain points and aligning on user expectations.
A journey map that I built together with the stakeholders
Step #2 - Competitor review
While doing the workshop since Lokalise Messages is a plug-in app that works on top of other platforms, I also spent some time looking into how other tools designed their plugin and see how we could improve.
Trying to learn from others...
Proposal #1 - Accessible color
We introduced a new set of colors that offers better contrast and meets the WCAG 2.1 standards
Bad contrast
Better contrast
Proposal #2 - A proper navigation bar
We introduced a new navigation bar with improved visuals and UX to facilitate user navigation between different pages.
Proposal #3 - Better onboarding
We also introduced a better onboarding process for new users, featuring a quick start menu to help them learn about how Lokalise works and how to set it up.
Proposal #4 - Better data visualization
Finally, based on user feedback, we introduced enhanced data visualization charts to help users interpret data more quickly.
Bar chart for showing translated-languages distribution
Line chart for showing character usage
We 3x the revenue.
With the release of the new self-serve onboarding and an easier way to access data and upgrade plans, we have managed to grow the product's revenue from $400k to more than $1M.
We've also increased the CSAT of the dashboard from 1.2 out of 5 to 4.2 out of 5.
Just FYI - this is how it looks like in the beginning...