TUTOR LREC e-learning platform header banner

About TUTOR LREC

TUTOR LREC is an e-learning language training platform that I designed from the ground up.

1. Problem(s)

Since TUTOR was built from the ground up and I was just getting started in UI & UX at the time. It was very hard to decide where to start. But since I was in high-school and was virtual when TUTOR started. I took inspiration from there. I also took the issues from my virtual school house and wanted to fix them on TUTOR but the BIGGEST issue I felt there was that there was no dashboard. Everything felt separated and not together. 

2. Ideation

When I first designed the dashboard for TUTOR I had to design it for 2 different user groups instructors and students. Starting with the students. I asked my self what a student wanted to see. At this point I would’ve liked to host a mini session with some students that would be using the schoolhouse to get some of their ideas and pain points of e-learning websites however since TUTOR wasn’t a built yet because we were still in development I could not do that. Instead, I asked around in design groups and even some students in my highschool.

Onto the instructors, it was a little more difficult design for the instructors because I could never really put my self in that point of view of the instructor. Luckily one of the project managers was a former teacher and has experience using e-learning platforms. Him and I talked about what he would like to see and some issues he faced from other platforms.

3. Design

For the design of this site I wanted everything to be simple as it can be so users would have a easier time finding what they needed. With the design of the dashboard I thought of what students are going to be interacting with the most and that is:

Students

  • Scheduling 1-1 session with their instructor
  • Grades
  • Messaging their instructor
  • Active assignments
  • Upcoming sessions with their instructor
  • Hours available for tutoring¬†

Instructors

  • Active and upcoming sessions with students
  • Grading assignments
  • Session reports
  • Hours available left for tutoring that week
  • Messages

 

With all this information for each group. It was pretty simple designing the pages for each one. I wanted it to be simple and clean.

4. Testing & Launch

Usually after I design I would like to test with a small batch of users that would use what I designed however this time was a little different because we had no users to test with. So I showed the project managers and they approved the design and we had to launch it. Having it been launched I felt like it wasn’t finished because I never had the opportunity to test. However, the response we got was really good from both groups! There were a group of instructors that didn’t understand it. I took those tickets we got from the helpdesk and went through them. Most of the tickets had to do with the “hours available” I put at the top of the dashboard. I then re-worded it to “hours of teaching available”. We released it to that specific group of instructors and they responded much better to it.

5. Conclusion

For this being my first time designing a dashboard and overall SaaS product. It was very challenging and overwhelming at times. But I did learn a lot through the entire process. I developed my own design process while designing TUTOR. I then designed my own design system for them. But designing and developing the site it self was fun to do! And knowing I’m helping and apart of something special with the United States Military is a great honor to have.

TUTOR LREC Design System