EdAider

UI/UX design, marketing, and videos for a web app designed for teachers and students

April 2020 - September 2024

EdAider

Overview

EdAider is a research-based startup company that develops web applications for the education sector. During my time at EdAider, I had the opportunity to work on many different projects and face new challenges. Below is some of the work that I was involved in.

Problem

At EdAider, we identified a significant challenge in education: teachers often struggle with time, administrative burdens, and individualized teaching.

For teachers, one of the biggest obstacles is a lack of time. They spend countless hours on administrative tasks, such as logging student progress across multiple platforms. Grading tests is another time-consuming process that takes away from lesson planning and direct student engagement. Additionally, creating lesson content that is both age-appropriate and aligned with curriculum requirements requires effort and adaptation.

Students also face their own challenges. One of the key concerns is their wellbeing. In a traditional classroom setting, it can be difficult for students to express how they are feeling — whether they’re struggling with stress, confusion, or personal issues — without the fear of being judged by their peers. However, this information is critical for teachers to understand, as it can impact learning outcomes. If a teacher is unaware that a student is struggling emotionally, they may not be able to adjust their teaching approach to provide the necessary support.

Solution

EdAider was designed to address these challenges through an all-in-one platform. Our goal was to:

  • Streamline lesson creation, making it easier for teachers to adapt content to their students’ needs.
  • Automate grading to reduce administrative workload and free up time for more meaningful interactions with students.
  • Simplify administrative tasks, allowing teachers to track student progress easier.
  • Support student wellbeing by providing a way for them to share their emotional state with their teachers. This discreet check-in system allows teachers to adjust lessons or support students in real time, creating personalized learning environment.

By integrating these features, EdAider empowers teachers to focus on what truly matters — helping students learn and thrive — while also giving students a safe way to communicate without fear of exposure.

Impact

Teachers welcomed the initial platform

The platform helped teachers streamline content creation, grading, and administrative work. Below are some of the UIs that were available for them.

This is how creating account process looks like. image

After creating account, the teacher can create a course and then add the necessary modules, lessons and materials. The module and lesson creation pages have a similar structure, where teachers can add different types of blocks and then fill them with content. Each block can be visible or hidden for students as this was a need that teachers expressed. image

Below is an example of already created course. On the left sidebar there are quick links to specific pages (the icons), modules and a lesson created under one of the modules. During testing, it turned out that the icons are not clear and later the sidebar was completely redesigned. image

A page called “Resources” is the place where teachers can create and upload materials. This is how it looks like. The resources that include questions, also show if there are student submissions that the teacher needs to check/correct. image

Creating an assessment was also one of the features of the platform. Here’s a screenshot from my progress on designing a specific type of question with 1 correct answers and several options to choose from. You can see how the question looks like when it’s created, after the data has been added and finally how it looks like outside of edit mode. image

This is how the page for tracking the students’ progress looks like. The teacher gets an overview of each student. The feedback that we got from teachers was that they don’t always grade the students based only on the assignments but there are also other factors that can influence the grade. Therefore there is a button to add activities in the top corner and each grade/result can be also adapted from this screen if necessary. image

One of the administrative tasks that teachers need to do is tracking students’ attendance. This is an example UI where they can do that easily from the “lesson” screen. There were also other places where this modal window can be triggered from. image

Other tasks

The website

With my interest in coding, I offered to design and develop the landing page. Reflecting on the initial concepts, I now see countless ways I could improve them. But we’ve all been there, right?

Theses were the very first versions (I’m a bit hesitant to share them, but I coded them myself and gained valuable experience in the process):

image

image

This version was designed together with an intern at the company. While the graphics could have been different, we aimed to avoid generic stock images and instead used custom vector illustrations.

image

This is the 2022 version, which remained in use for nearly two years. It marked a significant improvement in both my design and coding skills. For this version, I avoided using generic device frames with embedded screenshots.

image

The logo

While working on the website design, I noticed various problems with the logo. The old logo didn’t represented the company in a way that was supposed to be, also it consisted of tiny dots that disappear when the logo is too small. I decided to change the symbol but keep the hexagon shape which was a symbol of AI at the time. Here is a screenshot from my Figma file where I explored different shapes:

image

Design library

When I joined EdAider, I encountered a disorganized Figma file with inconsistent fonts, sizes, colors, and icons across many platform pages. Although a Figma library file existed, it included fonts and a large set of icons that were unsuitable for an educational app. This led me to deep dive into design systems.

I tested various tools and platforms to support both designers and developers and were expected to be free due to our limited company budget. Doing this research helped me to get insights into why a design system is essential for any product and I learned about the difficulties in convincing stakeholders to adopt it.

Here is one of the versions of my (beatifully) ordered Figma component library:

image