All work

Project overview
Smashcut is a next-generation learning platform built for real-time, media-based education. Its mission is to develop and deliver customized, branded, media-based online programs to schools & universities.
The platform features a high degree of collaborative instruction, and real-time student project review via live 1:1 video sessions with instructors.
Smashcut partnered with MCRO to reimagine the online learning experience for aspiring filmmakers and media creators. Together we worked on building a future-proof, user-friendly learning solution for educators and students alike.
Our mission was to build an online-only film school that would offer an affordable, flexible alternative to the existing model.
Smashcut students would be able to watch originally produced video lessons, upload filmmaking assignments, receive feedback on their projects, and connect live with industry mentors for 1:1 Video Mentor Sessions.
The platform features a high degree of collaborative instruction, and real-time student project review via live 1:1 video sessions with instructors.
Smashcut partnered with MCRO to reimagine the online learning experience for aspiring filmmakers and media creators. Together we worked on building a future-proof, user-friendly learning solution for educators and students alike.
Our mission was to build an online-only film school that would offer an affordable, flexible alternative to the existing model.
Smashcut students would be able to watch originally produced video lessons, upload filmmaking assignments, receive feedback on their projects, and connect live with industry mentors for 1:1 Video Mentor Sessions.
Key results
- 10+
- Universities
- 5K+
- Onboarded Students
- 10x
- Revenue Growth
- +1
- Happy Client
Challenge
Our challenge was to research and design an e-learning experience specifically tailored for film and media, taking into account both the needs of students and teachers.
We had to deliver an intuitive and engaging user experience that would enhance learning and provide an enjoyable educational experience.
Moreover, we had to get on the same page with various stakeholders on the company’s product vision and strategy, making sure the design matches the vision of the company.
We had to deliver an intuitive and engaging user experience that would enhance learning and provide an enjoyable educational experience.
Moreover, we had to get on the same page with various stakeholders on the company’s product vision and strategy, making sure the design matches the vision of the company.
Solution
We approached the design process in a strategic manner. In order to make sure our decisions were data-driven and informed, we started out with a UX audit; we researched the market, analyzed the competition, and made our way towards understanding the needs of the users.
Using the data obtained during the research process, we started sketching solutions, from traditional options to creative and even crazy ideas. Our goal was to innovate and reimagine the online learning experience in a fresh, future-proof manner.
From wireframes to interactive prototypes and high-fidelity mockups, we delivered a product that enhanced the overall user experience of the platform & exceeded the expectations of our client.
Moreover, we created a design system to optimize for efficiency and flexibility, as well as to provide a shared language across design and engineering.
On a more technical note, we used Bitmovin to provide adaptive streaming infrastructure for video publishing and integrated it within React.JS.
Using the data obtained during the research process, we started sketching solutions, from traditional options to creative and even crazy ideas. Our goal was to innovate and reimagine the online learning experience in a fresh, future-proof manner.
From wireframes to interactive prototypes and high-fidelity mockups, we delivered a product that enhanced the overall user experience of the platform & exceeded the expectations of our client.
Moreover, we created a design system to optimize for efficiency and flexibility, as well as to provide a shared language across design and engineering.
On a more technical note, we used Bitmovin to provide adaptive streaming infrastructure for video publishing and integrated it within React.JS.
Technology stack
ReactJS
ES@Next (6+)
Redux
Redux-Saga
Router
Styled Components
Canvas
SVG
NodeJS
GraphQL
UI/UX
Product Development
