Inspiration

We were inspired by the educational disparity across different school districts, and how the area you are born can fundamentally affect the education quality you receive, and even quality of life in the future. Though there are obviously a lot of study tools and resources available online nowadays, we wanted to create a comprehensive product that would streamline these resources for students who are overwhelmed and don't know where to start.

What it does

It allows users to access questions and flashcards for all different types of topics, sourced from both users and educational experts, and algorithmically tailors the experience to match their needs. It also incentivizes studying through a point system, rankings, and other proven study methods.

How I built it

We built it entirely in Figma through wireframing, emphasizing the design and usability of the site and an outline of how it will function.

Challenges I ran into

The biggest challenge was probably making the decision to focus solely on vision and design rather than creating a MVP, as we realized two days would not be enough to create a website on the scope of Study.io. However, we didn't want to sacrifice our original vision, and decided to create a solid foundation to build on for the future instead.

Accomplishments that I'm proud of

We're most proud of the idea behind the site, as we think that we created the founation of a site that can actually tackle the problems we set out to solve. We're also proud of the design of the site, as although none of user have much of a background in UI/UX, we put a lot of effort into getting the feel of Study.io correct.

What I learned

We learned a lot about using Figma and designing a clean, usable UI, and also learned a lot about the amount of work and brainstorming that goes into creating a site with as many functions as Study.io.

What's next for Study.io

The most obvious first step is getting to an MVP. We are considering using Bubble for a no-code MVP, or employing and building upon experience in React and Express (MERN) to create a functional, accessible product.

Built With

  • figma
Share this project:

Updates