Teaching Solved: A UX Journey Towards Bringing Lesson Magic to Life

A screenshot of the Lesson Magic page


View the prototype:
(Website currently under development)

View Prototype

Introduction

Teaching Solved is an EdTech start-up company created with a vision to revolutionize world language teaching. Lesson Magic is envisioned as a web and mobile based product by Teaching Solved designed to empower language teachers with efficient lesson planning and a searchable resource bank. While it initially supports Spanish, it has plans to add other languages in the future.  

(Lesson Magic is currently in the web development stage, stay tuned for updates!)

  • Client
    Teaching Solved, LLC
    Hope Anderson - Owner and Founder

  • Timeline
    6 weeks

  • Role
    UX Designer

The challenge

Teachers have been searching for a solution that would not only enrich the language learning experiences but help engage their students as well. My client and founder of Teaching Solved, Hope Anderson, had a vision for Lesson Magic she wanted to see unfold. It was important to emphasize the two main components of Lesson Magic: Templates which can be customized to fit the content of their lessons, and the second is the resource search that allows teachers to search all existing sites all at once using different categories for in depth explanations of topics as well as real world resources that use the vocabulary language features and culture in context. 

The developers working with Hope to bring Lesson Magic to life struggled to grasp the vision that she had for the product. Hope was unable to translate her vision into reality in a way they would understand, which is why I was recruited for this project to be able to create a prototype with the UX design processes that developers could understand & embody the features that Hope was looking for as well.

Design Goals

Hope was determined in her vision for Lesson Magic. We embarked on a journey, delving into the needs of both the business and the users. With a scope and time constraints established, we realized that a Lean UX process would guide us to create a Minimum Viable Product (MVP) that would meet our goals. 

Research

Teaching Solved is already an established site, but Lesson Magic was in its prototyping stage. My client,Hope, began to uncover the insights of potential users and did extensive research.  An alpha user was able to test the initial templates, they shared: 

“This is going to help somany people, combining these templates with breaks in-between is going to provide the structure I need for the three-hour conversation class. Thank you, this is exactly what I needed!”  

(This is from Teaching Solved's pitch video made by my my client to help fund her project, you can check it out here)

The Design Process

Brainstorming

Because we were aiming for an MVP, we had to compromise with some features my client wanted. To craft an MVP, some features had to be sacrificed for the sake of efficiency, which was discussed during the iteration stage. Hope envisioned Lesson Magic as a membership-based platform, offering free access as well as premium access.

User flow and information architecture

It was important that Lesson Magic had a seamless user journey. As teachers were already accustomed to using and integrating technology into their lessons, the site's design would adhere to established design principles to allow for an intuitive experience. A user flow was designed, complete with a sign-in/sign-up process, brief onboarding, locked features, and the key that would open them all: membership, be it free or premium.

An image of the proposed user flow for Teaching Solved/Lesson Magic

Wireframes and ideations

The wireframes were crafted to highlight the core elements:customizable templates and the resource search. These blueprints served as a foundation for the next stage.

A screenshot of wireframes for Lesson Magic

Initial prototype

Since Teaching Solved is already a launched site, the initial prototype was created with the original branding. My client was working with a graphic designer to create the branding guidelines that would be implemented in the final version. With this prototype, there were a few issues my client wanted corrected:

A screenshot of the first prototype of Lesson Magic

Branding Guidelines

With the branding guidelines created, I was able to integrate them into the prototype. While I was tasked with designing Lesson Magic, I still needed to implement Teaching Solved’s branding as well, since Lesson Magic is a product of Teaching Solved. 

An image containing the Lesson Magic brand identity
An image of the branding identity for Teaching Solved

Prototype

The final prototype includes the new branding, as well as the iterations that were necessary, such as: 

A screenshot of the final prototype for Lesson Magic

On the Lesson Magic page,visitors could glimpse at the features available, but in order to access them, they needed to join the community and create an account. The principle of reciprocity guided them, reminding them than an account was their key to unlocking premium features. Users will be met with a pop up prompting them to either create an account or sign in if they want access to the content.

A screenshot of Magic while not signed in and while signed in

Mobile Prototype

Lesson Magic supports a mobile version as well. Teachers on the go can access the site from their smartphones.

A mockup of the mobile version Lesson Magic

Outcomes and final thoughts

Though time constraints prevented me from conducting usability testing, however, Hope had a beta user ready to test the premium version of Lesson Magic. Iterations will be made to continuously improve the product. As this chapter of our story concludes, Hope is content, and I am proud to have been part of a journey to ease the lives of teachers and being a help in creating such an amazing product.

I eagerly await the launch of Lesson Magic, as well as the continued growth of Teaching Solved, a new force in the realm of education. Together, they will leave a mark on the world of language learning.