Redesigning a complex Edtech platform to increase customer success and grow the userbase

Branding · Product Design · UX & UI Design

The Problem

Overly complicated

In 2019, Tec Concursos was an EdTech startup with a good reputation and a bad image.

They'd developed an exclusive data-based methodology that helped students prepare for civil service entrance examinations, and built an innovative product to bring it to thousands of users.

As more and more users got admitted into their dream civil service positions, Tec became highly regarded for its impressive results. It also became widely regarded as overly complicated. It was a powerful tool that could change your life — if only you could figure out how to use it.

As a result, userbase growth began to suffer.

I was brought in to help change that perception and turn that trend around.

The Process

Connecting the dots

We defined user base growth as our end goal. I ran a full usability audit and heard from users past and current about their frustrations and desires.

We knew we had to make everything simpler and easier, but how exactly would that translate into more signups?

Causal analysis showed that this would only work if our interventions resulted in users becoming more confident in their performance, and specially in more people actually passing exams. Improving user performance and performance awareness then became the main focus of our work.

We did this by introducing better onboarding to help familiarize the user with what the platform offered, and a dashboard where they could assess their performance and evolution. This allowed users to have greater confidence on Tec even before passing their exams.

Performance at every turn

In addition, to learn effectively, users need all the brainpower they can get. For this, reducing cognitive load throughout the user experience was paramount.

I developed a design system light on chrome and worked with users and stakeholders to make flows intuitive and efficient.

A chromeless interface

High-tech and human

As the name suggests, Tec branded itself as a high-tech tool. This was its strength, and it was a unique proposition in the market. However, this proved to be a double-edged sword, as many found it intimidating.

Afraid of technology

We didn't want to lose the high-tech edge, so we balanced it with a humanized brand:

  • A vibrant color palette for the brand and appropriate counterparts for the UI.
  • A new logo featuring a hand-drawn symbol along with a lowercase, rounded wordmark.
  • Liberal use of humanistic elements on the website, ads, and social media, such as illustrations, animations, photographs and quotes of real teachers, users, and staff.

Interface with vibrant colors and real user pictures

For example, for the features page, I used testimonials from users who had already passed their exams, making it easier for prospective users to connect the features to their real-world value.

The value of features in the user's own words

Communicating the value of features in the users' own words also allowed us to draw attention to things that would sound conceited if we'd said it ourselves 🙂.

No one wants a redesign

Our last major concern was that this was already a community of thousands and, even though users had many suggestions and complaints, no one wants a redesign. We want things to be just as they are, only better.

So if we didn't conduct this carefully, we could have a very costly revolt on our hands. There were other big players in that space and switching costs were not high. One disappointing change and the shop across the street would start to look a lot more appealing.

How we did it

We decided on 4 measures to increase our odds of success:

  1. Change would be incremental. The complete transformation, including not only the redesign but the planned new features, took place over the course of about 2 years.
  2. As often as possible, change would come in the form of, or accompanied by, fixing known bugs and addressing common complaints. This meant they would often be received with some level of built-in approval.
  3. We kept the "old version" around for those who preferred it. We wanted users to want to make the switch instead of feeling like they had to.
  4. We made a point to listen to users every step of the way.

The Results

Good things went up, bad things went down

This is how some key metrics changed:

  • User activity increased.
  • Feature adoption increased.
  • Product abandonment decreased.
  • Customer success increased, meaning more users were passing their exams.
  • Brand evangelism increased.
  • User base increased, going into the tens of thousands.

And, ultimately, we were able to undo the general perception that the platform was complicated even as it became objectively more complex.

Today, Tec is known for being powerful and easy to use.

Overview

Below are some of the key screens of the redesign.

Homepage

Tec Concursos Homepage

Features page

Pricing page

Notebook generator

Notebook settings

Notebook stats

User evolution

User performance