iD Tech’s Course Block Filter

iD Tech is the leader in online/In-person STEM Education for children ages 7-19. They offer personalized learning from instructors recruited from the top universities like Stanford, RIT, and Caltech to inspire their students. Some of the features include: personalized college advising, gamified learning, and skill certified programs.

The tuition ranges from $60/lesson for Online Personal Lessons up to $2,500 for a university sponsored Teen Academy.

Role: Lead Designer • UX/UI

Goals of the project: Improve the user experience of finding a course/simplify the UI to generate more registrations for the business.

Too many courses + too many programs = choice paralysis

PROBLEM

With over 100 courses offered online and in-person with 4 different lines of business (Which is continually evolving/expanding), the user is overwhelmed with the multitude of choices which can become frustrating.

The original design (Left) had an endless grid of courses which the user had to scroll the page vertically, as well as scroll/swipe each row horizontally to find the perfect course for their child. The problem was that most users especially relevant with new users since they didn’t really understand the product offerings and the benefits for their child. These insights were revealed during user testing.

Original homepage courses block

Simplify the UX/UI to get users down the registration flow quicker and easier

GOALS

Goals: Create a way to quickly surface the most relevant courses to the user and get them down the registration flow efficiently