Building an All-purpose website for a client in the Online Education Space

A client of ours in the Online Education space asked us to design a website that would serve as a platform for teachers to share curriculum-driven content and would enable students to access that content interactively and engagingly. Their idea was to use stories and characters as a part of their pedagogy because they felt that an immersive experience is the best way to attract and retain children's attention.

What’s unique about this platform is that it allows teachers to monetise the content they upload. So, in essence, they serve as a marketplace where content can be bought and sold. Our clients would use the submitted content to create lesson plans from a story-telling perspective to be entertaining and instructive at the same time.

‍

Since their core idea was to have an attractive and interactive website that could easily explain what they were offering to anyone who visited, there were a few essential aspects that we had to especially focus on, such as:

1. Creating an easy registration flow, as the registration would be done by the parents, not the kids.
2. Creating a structure that would help with the onboarding process of the students.
3. Creating a performance monitoring dashboard where parents could see the progress their kids were making.

‍

To fulfil the mandate given to us, our tech team used a host of tools such as:

1. React JS, a free, open-source JavaScript library
2. PHP, a general-purpose programming language
3. Couchbase, an Open-Source document database for application development.

On the back of this tech stack, we designed a website that was rich in design and colour elements. Since the idea was to make it appealing and interactive simultaneously, we deployed custom themes that kids could play around with while spending time on the website and accessing all the information they needed.

To create an onboarding flow, we had to firstly map out the customer journey on the website. Beginning from the homepage, all the way to the final date point required to complete a successful sign-up, we had to identify areas where we could add or remove an extra step to expedite the overall process. 

Reconciling that with all the relevant information our client needed about a visitor and the overall regulatory framework was the approach that our team felt would work best.

Creating a framework also helped us identify where most people were dropping off in the sign-up process, and that data let us fix those pain points to further streamline the overall process.

‍

Our biggest observation in the overall process is the frequency with which we had to modify elements based on the feedback we received or the data we were collecting. We had to be dynamic in our building approach and flexible in adding or removing elements that were previously working or not working.