Colearn is an EdTech company that uses AI technology to help students understand math problems.
Colearn started the business by collaborating with the offline tuition center to escalate Indonesia's education. Unfortunately, the offline tuition model has many challenges, like cost and time, which are only accessible to some students. Besides that, everything offline has become inefficient and scary because of COVID-19.
As a Product Designer, I help CoLearn transform its business from a tuition center platform to an automated and scalable learning tool in Indonesia.
I designed AI-powered "automated doubt-solving" and interactive class learning feature to help students study in the COVID-19 situation. Today, CoLearn is one of Indonesia's fastest-growing education technology companies, used by more than 2,5 million students. In 2020, Google Play selected CoLearn as the best app category for personal growth.
One of the challenges to transform the business is we only have a limited time. I collaborate with the Customer Insight team to validate the early-stage changes to save time.
We start by doing 1:1 interviews online with some students from various Indonesian cities. The goal is to understand how their learning experiences so far. Through the interview, we found three main points:
We try to explore the problem by creating a customer journey. We defined how the student will interact with the CoLearn.
We convert to a main flow from the customer journey then create the wireframe to confirm the idea. In this stage, we decide to make four main features:
We create the wireframe base on the main flow that we make before. We try to confirm our hypothesis: Are the student problems solved by those features or not.
To start, we research with some students to test our wireframe. We hypothesize that students will not go to the tuition center anymore. So, we do A/B testing by creating two versions of the prototype; With the Bimbel feature and Without the Bimbel part.
The research results are pretty surprising to us. Some of the features we explored before didn't meet student needs. Here is the insight:
From those insights, we're thinking of merging and change some features. We come up with three main parts:
Live Class #
Learn concepts, practice together, and prepare for exams in a live and interactive class.
Live classes are designed to increase self-confidence to understand concepts. Teachers will teach live and interactively.
This aims to make it easier for students to understand the concepts, practice questions, and prepare for exams.
Ask(automated doubt solving) #
Get step-by-step video solutions to your math problems instantly.
The Ask feature is designed to make it easier for students to learn from their difficulties. So that students can understand concepts deeper and quickly.
Students only need to take a photo of the question they don't understand. CoLearn will answer the questions automatically by providing video solutions. This feature is built using image recognition and natural language processing technology.
Prepare for the exams by practice answer the questions from various subjects.
The Practice feature is designed to improve students' skills in answering questions from various subjects to understand them better.
Students can exercise themself to answer simulated exams like the original. After finish it, they will immediately receive the report to understand where to improve.
WhatsApp Chatbot #
Increase user growth by bringing it from the most common channels.
More than 80% of internet users in Indonesia use WhatsApp. Instead of promoting social media to download the app, we've been thinking of creating other channels to increase user growth.
Collaborating with the UX Writer, we design the WhatsApp chatbot feature. We use the Botsociety for the prototyping to make it easy to testing and share with stakeholders.
Design System #
Creating a cohesive and scalable design system
We created a design system to establish consistency and speed up the design and development process. We set out to create a design system that's simple, clear, and visually fun for the student.
We start to define a foundation like colors, typography, elevation, icon, and grid. As a foundation, we describe making it easy to use across platforms like Web, iOS, and Android. Accordingly, the team can build a faster and more accessible interface.
Apart from Foundation, we build the Core UI components such as Avatar, Tag, Button, Form, and Alert. As the app continues to grow, we also create some new components as templates, such as Top Bar, Bottom Bar, and Feedback.
By creating the design system, we want to make it easier for everything. Starting from designers themselves, engineers, and most students who use it.