School of Wonder

Providing educators with amazing curriculum they don't have to think about.

Description
Year
2023
Roles
Responsible for user interviews, user flows, wireframes, mockups, usability studies.
Timeline
In Progress

I JOINED THE SCHOOL OF WONDER TEAM SEVERAL YEARS AGO WHEN THEY FIRST LAUNCHED.

It was during my graduate studies. They needed an illustrator, and I needed work. Then this year, they reached out to me about collaborating on a new project.

The School of Wonder creates immersive experiences in NYC where children become adventurers who embark on imaginative and real journeys following a story.

They have a database of learning experiences and curriculum they've written since the start of their business and they wanted to add an e-commerce feature where they could offer their services for sale.

THE TEAM GOT TOGETHER TO BRAINSTORM HOW TO PACKAGE THE CURRICULUM.

There were a lot of sticky notes involved. We solidified School of Wonder's vision, determined who the target users would be, and what kind of content was necessary for the intended audience.

We also researched some of the competition to see how could set ourselves apart.

And then we realized, there really isn't much competition. User research revealed that educators--whether it's school teachers, after school teachers or homeschool providers--do not have a solid education platform where they can obtain good curriculum. Many educators resort to Pinterest or Youtube to garner ideas, and when they can find something worthwhile, they don't have the time to spend inventing the wheel. What if they could just look up good teaching like we look up

SO WE CHANGED OUR MIND.

The team decided they wouldn't just add an e-commerce feature to the website. Instead, they would transform the entire website into an e-commerce platform where educators could simply get resources they need for their classrooms.

gaging how the adults are feeling.


interview goals
here are Some visuals so you know I'm not making this up.
The most desirable subjects among teenagers are cooking, self-defense, financial literacy and mental health.
The best way teenagers learn new information is through someone showing them how to do it in person.
The most important things to teenagers are doing well in school and spending time with friends.
so what does it all mean?



meet mikaela.
She is a 14-year-old introvert whose greatest concern is her feeling of belonging among her peers. She’s interested in academics but if she had to choose, she would rather spend her days making meaningful connections with her friends.



meet isaiah.
He is a 16-year-old perfectionist whose primary ambition is to earn excellent grades, mostly to make his parents proud. His future depends on his report cards (as the adults keep reminding him) and he wants to make sure his future is secure.
designing an app Mikaela and isaiah would actually use

I relied heavily on iconography and visual cues to communicate possible courses of action. If there's anything I learned as a teacher, it's that kids don't read directions.

The decision to use muted neutrals punctuated by sparks of red was made for the sake of brand presence. I balanced it with solid white backgrounds and monochromatic illustrations, making sure colors and typography met the highest accessibility standards.
the evolution of wireframes

My main concern with low to mid fidelity iterations was creating a smooth flow in the process of navigating.

Here is the design system that was put together before jumping into HiFi's. The aim was a fun and approachable yet professional look, with simplicity at its core.
The latest iterations ended up giving off this chill, artsy vibe, which I'm happy about. I was going for "approachable," and I think it achieves that. A lot of the content is geared towards helping kids with mindfulness and mental health, and I like to think that the branding will help encourage that.

Signing up for a course begins at the home page, or the ACADEMY tab. Users can utilize the search bar, filters, a drop down menu and/or simple scrolling to navigate and browse through the options.

Selecting a topic will take them to a separate page dedicated to courses that relate to the desired theme.


The BOOKS tab will guide users to the collection of Maven's books. They can either select a new book to read, or navigate to their saved collection and continue where they left off.

The CLUB feature is what differentiates Maven from any old skill learning platform. It allows users to join a community of people with like minds and meet up in person on a regular basis. They can browse club options from the Clubs tab and view clubs they have already joined by toggling between "My Clubs" and "Explore."

Usability testing with teens involved a lot of awkward silences.
Teenagers were rather reticent when it came to giving me feedback about the prototype. The most useful input happened when I asked them questions about a task and they couldn't figure it out fast enough or didn't know the answer. It just meant the design wasn't intuitive enough.

Here are some things that worked and didn’t work during usability testing, as well as some ideas for change.

WHAT WORKED

  • Brand consistency; users could tell each screen belonged to the rest of the app
  • Self-explanatory navigation bar, clear iconography
  • There was always a way to navigate to a page, even it was via search bar

WHAT NEEDED WORK

  • Some of the taxonomy didn't make sense when put into practice.
    For ex, my initial term for social media feed was “explore.” Although it works for an app like Instagram, my users kept trying to use it to search course topics, which of course, wasn’t helpful.
  • Books used to live in the Academy tab, and some users were confused about the difference between them. So I separated them into 2 tabs.
  • Users weren't utilizing a navigation menu on the top of the home page, so I got rid of it and spread it all out in the main nav bar.
Design projects are never really complete.
Because this project was closely related to education, my current field of work, a piece of my heart was left in it. I wasn't leaving teaching without one final tribute.

As a designer, I was raw and semi-defined, and this was where I learned to listen for empathy, hone in on my common sense, and believe in my decisions as a designer.

This project was met with a lot of time and resource constraints. I had deadlines for each aspect of the process and I had to prioritize which features to flesh out.
if i had no time constraints, i would love to create a couple more features for maven.
Since the app seeks not only to teach life skills, but also to build relationships between kids and good role models, I’d love to develop a counseling or one-on-one mentorship feature. As a teacher, I know that learning is much more effective when it is personalized. I also know that kids don’t get this opportunity in public schools. And in this information age we live in, it's the networks and specialized knowledge that breeds success.

I would also love for Maven to develop partnerships with schools to collaborate with school teachers and incorporate some of Maven's learnings into the curriculum. I can see how Maven's instructors could be guest teachers in classrooms and can offer great value towards schools' efforts to incorporate developments like social-emotional learning, which is a topic public schools have been trying to implement for some years now without being sufficiently equipped.

More Work