Designing for First Launch: Narrowing Down Cyber Legend's MVP
Structuring Designs for an Early Idea
Cyber Legends is aiming to give teachers the resources they need to teach online safety in the classroom. Their focus is on elementary aged students, and they needed an easily navigable home for teachers to utilize to access lesson materials, track student progress, and allow parents to keep an eye on their kids.
Cyber Legends has grown a lot since my time with them, and they now develop games for kids to play as a learning tool as well as provide resources for educators
Project Goals
Plan a structure for a new dashboard that can be utilized by both teachers and parents to help kids learn about cyber safety.
My Role
I worked as a freelance designer on this project running research, early design iterations, and feedback sessions
Working with an idea
Cyber Legends didn't quite exist yet, so I was building something brand new
The idea was simple, but implementation would be a little bit complicated. I had to find a way to design a dashboard with different login experiences, lots of data storage and visualizations, and make it easy to use and maintain. Naturally, we started by discussing the needs and creating a map of the product.
Screenshot of the sitemap forthe dashboard after many chats and iterations to simplify
From here I began working on wireframes. I referenced learning management systems and other complex dashboards for inspiration on the structure. After a few iterations I was asked to put my efforts into the teachers experience as that would be the focus of the MVP launch.
The flow needed to include these features:
👉 Login and account creation
👉 Access teaching materials by grade and topic
👉 See an overview of student progress
👉 Individual student progress reports
Wireframe options for layout, classroom organization
Final wireframes for the flow from resources to download
Narrowing Down the MVP
In order to launch quickly, I was asked to design an extremely simple dashboard for their MVP. Features were narrowed down to simply being an archive for teaching content. It needed to be as few views as possible and be filterable by grade and topic.
In order to keep as much as I could in one view, I utilized drop downs to organized content, kind of like sifting through folders on a computer. You could click into a grade and open a "folder" for each topic. When a topic was clicked on, a summary with download links would appear on a slideout that contained each file available.
Final MVP Designs for Cyber Legends Dashboard
Wrapping Up
Shortly after this my time as a freelancer came to and end, so unfortunately I didn't get to see this project all the way through. The opportunity to see an idea from it's first conception taught me a lot about planning a project and scoping design, which are skills I have taken forward into all of my later projects.
Read More Case Studies
Building Trust to Reduce Churn in a New Service Cancellation Flow
