Superhero Academy is the brainchild of Marc Angelo Coppola — a serial entrepreneur, founder of Valhalla Movement, and creator of a global community of creatives, leaders, and changemakers. Although headquartered in Montreal, the Academy runs nearly all of its educational offerings online, serving thousands of students around the world.
They needed a structured, intuitive, and scalable digital classroom experience that could support their mission: helping aspiring entrepreneurs and creatives develop their talents, connect with peers, and follow a clear, guided path toward success.
Crosby Creative rebuilt their classroom system from the ground up, transforming a loosely organized content archive into a cohesive educational platform with real hierarchy, clear navigation, and a dynamic user interface.
Superhero Academy’s digital classroom was rich in content but lacked structure. Students struggled to navigate lessons, know where to begin, or understand how the curriculum fit together. Several core issues emerged:
There was no existing framework to organize her biography or present the key priorities of the PAC. Supporters had no straightforward way to learn about her service, her leadership experience, or her commitment to Northwest Indiana.
The backend relied on custom taxonomies that weren’t hierarchical.
Single lessons existed on their own, modules existed in parallel, and courses didn’t properly group content.
Students couldn’t tell:
The Academy wanted a “series-like” browsing experience: Lessons → Modules → Courses, each scrollable and skimmable like episodes, seasons, and full show collections.
The idea was strong — but the existing system wasn’t built to support nested content.
In short: The content architecture and the user experience weren’t speaking the same language.
We rebuilt the classroom experience in a sequential, logical way — starting at the foundation and working upward.
With the backend fixed, the second phase tackled the UI:
The new UI allowed students to browse courses like seasons of a show, explore modules like episode lists, and dive into lessons with a fluid, intuitive flow.
The final product was not only more visually intuitive — it was structurally sound, scalable, and maintainable. Superhero Academy gained a learning platform that:
The rebuilt classroom experience gave Superhero Academy:
What began as a tangled set of disconnected taxonomies became a polished, structured, and future-proof learning platform — one that finally supports the Academy’s global student base and long-term vision.
Superhero Academy
Creative Entrepreneurship, Digital Learning Platforms
Montreal, QC
Full platform restructuring, backend architecture rebuild, UI/UX overhaul, Vue.js integration, frontend development
Classroom Page, Course and Class Categories, Sales Landing Page, News Page, Instructor page
2018
Create a cohesive, Netflix-style educational hierarchy that organizes lessons → modules → courses, while improving navigation, scalability, and user experience.
