EdAider

Web app for teachers and students with AI features

April 2020 - ongoing

EdAider

Overview

EdAider is a research-based startup company that develops web application for the education sector. As a startup with limited resources, team members are often required to contribute in various areas and fields beyond their core expertise. This dynamic environment perfectly suits my personality as I thrive on variety in my work and enjoy tackling new challenges.

Note: Unfortunately, I am unable to share extensive materials here from my current work but I will be happy to share more in a meeting. The following text is intended to provide a brief overview of the product and my role in its development, rather than a detailed case study.

Problems that the product solves

Today many teachers face a variety of challenges such as a shortage of time for teaching due to excessive administrative work. Many teachers must plan lessons and manually review student assignments during their weekends, leading to a significant workload that affects their work-life balance.

image

What I am working with

At EdAider, I have the opportunity to work in multiple roles and take on new challenges. As a dedicated UX designer and lead, I take on a variety of tasks that contribute to the company’s overall success. In addition to creating UI designs and conducting user testing sessions, I also edit and create videos, design micro animations for the UI, and prepare marketing materials for social media. I take pride in being available to support interns, fellow designers, and developers whenever needed. Being a part of a dynamic team is truly fulfilling.

image

Design system

When I joined EdAider, I noticed inconsistencies with fonts, sizes, colors, and icons on many pages of the platform. Although there was a Figma library file, it contained mainly fonts, colors, and a large pack of icons that were not suitable for an educational app. As a UX designer, I decided to create a design system to streamline the UI. I collaborated with the developers and we agreed to use a CSS framework to save time on writing front-end code. We chose Tailwind, which I found interesting to explore, and selected suitable colors that were added to the design system. Next, I started building components and utilizing them on the UI. This improved the UI in the product and helps me to work faster while keeping consistency.

image

EdAider Wellbeing

The Wellbeing app as we usually call it was build in collaboration with one of our client schools. Initially, it was a feature from the main product intended to check how students feel after each lesson. However, working closely with the school, we identified an opportunity to expand this feature into a separate app that enables students to reflect on their overall wellbeing once a week. The app provides students with an opportunity to honestly answer questions about their school week and reflect on their emotional state at school. The data collected is then presented in charts for teachers and mentors to assess the wellbeing level in the school, identify patterns, and initiate discussions with students during mentoring sessions to help them cope with negative emotions. The collaboration resulted in a successful app that is currently used in several schools.

image