fbpx

e-Commerce

Sprachschatz – German Language School:

Sprachschatz is a language school for German as a foreign language. They offer professional German courses for all levels in Leipzig Germany.

Problem:

In the context of the pandemic, the need  to digitize online courses came up, since the school must close. The uncertainty of the situation at that time means that the school has to change the entire business model. This transition includes challenges, among them; the need to create a more up-to-date platform since the current one does not offer the possibility of booking classes online, nor does it have an updated, flexible and inclusive offer that allows it to reach more people worldwide.

Solution:

Design a new website with the possibility of pre-booking and paying for an online course, adding new features such as the possibility of taking a test to evaluate the level of German and boost the digital presence of the school.

Design Process

Research
To begin the exploration, we created 2 user personas, with the goal to define who and why they will book a class with us and understand their frustrations and needs as well.
Benchmarking
We did a research on the main schools in the city and the international ones that focus on teaching German online. The goal; see how their service offer is within an online platform and also how they have categorized all the information architecture of the courses.
Information Architecture
the offer of the courses and all the information it brings is very extensive, so we focused in detail on solving this challenge, organizing and categorizing all the information and minimizing frustrations. The main goal of this task was to minimize the steps for the user to search, read the course information and time, and complete the task by scheduling a course.
Wireframes and first tests
The first low-quality wireframes were created in the first face-to-face meetings where, through brainstorming sessions, we looked for possible solutions to two problems initially raised: search and scheduling a course. For this we create paper wireframes of the main screens and features. This allowed us to streamline this step, work as a team quickly, and resolve an early problem. This stage allowed us to make the first iterations of the initial prototype and solve problems of usability and information architecture. Once corrected, we did a second phase of testing that allowed us to discover some pain points in content filtering and in the purchase process.

Design Process

Research
To begin the exploration, we created 2 user personas, with the goal to define who and why they will book a class with us and understand their frustrations and needs as well.
Benchmarking
We did a research on the main schools in the city and the international ones that focus on teaching German online. The goal; see how their service offer is within an online platform and also how they have categorized all the information architecture of the courses.
Information Architecture
the offer of the courses and all the information it brings is very extensive, so we focused in detail on solving this challenge, organizing and categorizing all the information and minimizing frustrations. The main goal of this task was to minimize the steps for the user to search, read the course information and time, and complete the task by scheduling a course.
Wireframes and first tests
The first low-quality wireframes were created in the first face-to-face meetings where, through brainstorming sessions, we looked for possible solutions to two problems initially raised: search and scheduling a course. For this we create paper wireframes of the main screens and features. This allowed us to streamline this step, work as a team quickly, and resolve an early problem. This stage allowed us to make the first iterations of the initial prototype and solve problems of usability and information architecture. Once corrected, we did a second phase of testing that allowed us to discover some pain points in content filtering and in the purchase process.

Problems in the prototype:

Previously there was already a website (when the school operated physically) the idea was to start from scratch to improve the pre-booking process for a course and avoid the uncertainty that users could have when reaching the new website.

Journey Mapping helped me find pain points that confirmed the uncertainty that users would experience.

Next steps:

After the first design proposals, some very interesting insights emerged; we found some friction in the process of booking an online course.

We started iterating to find the easiest way to find an online course and pre-book online.

After several meetings with the Stakeholders, we found the best way/tool that allowed us to solve issues with the pre-booking process between the payment gateway platform and the users.

Final Result:

Product development took almost 8 months and it could be a long time for a website but the time was perfect to iterate and come up with the best solution.

Finally, we could reduce the process of finding an online course, getting information and making the pre-booking. Now, the school has a digital platform that allows it to reach people from all over the world.

With this project, I personally learned the importance of designing with three things in mind: the product, the user, and the business.

Final product: