View
Exclusive access
Endgame Academy

Designing the Future of Game Development Education

This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
Reviews Coming Soon
Design Lead
Design Systems
GameUI Design
Project Overview

Endgame Academy is a gamified online learning platform aimed at teaching students game development through hands-on projects, live virtual classes, and structured game reviews. To provide a more tailored and seamless learning experience, the company opted to develop a custom platform rather than relying on third-party tools like Google Classroom.

As the Design Lead, I was responsible for refining key pages, developing a scalable design system, and facilitating cross-team collaboration to implement features such as live Zoom integration, a game review system, and a rewards-based engagement model—all within tight deadlines. These efforts culminated in an interactive and immersive learning experience that keeps students engaged beyond class hours.

Project Specifications
Year & Agency
2024 | Contractor transitioned to Full-Time at JM&Co.
What I Did

✔ Designed a custom learning platform tailored for young game designers.
✔ Developed a scalable design system to support rapid feature integration.
✔ Implemented features like live Zoom integration and a game review system.
✔ Created an engaging rewards-based system to boost student participation.

✔ Collaborated cross-functionally to deliver under tight deadlines.

Design Deliverables

Product Design

Tools & Platforms

Figma

Notion

Loom

Procreate

Exclusive access
Endgame Academy

Designing the Future of Game Development Education

This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
Reviews Coming Soon
Design Lead
Design Systems
GameUI Design
Project Overview

Endgame Academy is a gamified online learning platform aimed at teaching students game development through hands-on projects, live virtual classes, and structured game reviews. To provide a more tailored and seamless learning experience, the company opted to develop a custom platform rather than relying on third-party tools like Google Classroom.

As the Design Lead, I was responsible for refining key pages, developing a scalable design system, and facilitating cross-team collaboration to implement features such as live Zoom integration, a game review system, and a rewards-based engagement model—all within tight deadlines. These efforts culminated in an interactive and immersive learning experience that keeps students engaged beyond class hours.

Project Specifications
Year & Agency
2024 | Contractor transitioned to Full-Time at JM&Co.
What I Did

✔ Designed a custom learning platform tailored for young game designers.
✔ Developed a scalable design system to support rapid feature integration.
✔ Implemented features like live Zoom integration and a game review system.
✔ Created an engaging rewards-based system to boost student participation.

✔ Collaborated cross-functionally to deliver under tight deadlines.

Design Deliverables

Product Design

Tools & Platforms

Figma

Notion

Loom

Procreate

You May Like These Products

You May Like These Products

Challenges

Student Engagement

How do we keep students engaged even outside of class time?

Gamified Learning

How can gamification be effectively integrated to make learning interactive and enjoyable?

Peer Review System

Students needed a structured way to provide and receive constructive feedback. Specific challenges included:

Preventing cyberbullying by eliminating free-text inputs.
Encouraging students as young as six to give meaningful feedback.
Ensuring students understood the feedback they were providing.
Designing how feedback would be displayed to the original poster (OP).
Making the review process quick and accessible.
Addressing the lack of industry references since no direct peer feedback system existed in game-based learning.
Undefined Processes

There was no handoff system or structured workflow, requiring me to create one using Notion and Loom videos.

Team Collaboration

Bridging communication gaps between designers and developers was critical. I took the initiative to create and standardize weekly meetings—one for the design team and another between the design and development teams—which became essential for transparency and alignment.

Technical Limitations

Developers used Bubble, which constrained the design’s functionality. My designs had to pivot to accommodate these limitations until a React migration was planned.

Inconsistent Design

Previous designs lacked cohesion, making developer feedback and refinement processes tedious.

Team Structure

I worked with two other designers—one contracted and one original—whose experience levels varied. Managing and mentoring them added complexity to my role.

Restricted Creativity

Initially limited to enhancing existing designs, I later shifted to creating a more cohesive and impactful visual approach.

Solution

Delivered a cohesive design that included:

Live Zoom Integration

Students can join virtual classes seamlessly through the platform.

Gamified Features

Rewards and a redeemable store motivate students to stay engaged.

Game Review System

A collaborative space for students and instructors to provide feedback on game builds before public launch. Specific solutions included:

For constructive feedback, I created a "how," "what," and "why" formula inspired by Mad Libs and elementary school book reviews.
Started with instructor feedback first, as it was a more straightforward process. Instructors could type feedback for their students, which laid the foundation for the peer review system.
Designed the feedback display first, working backward to develop how peers would submit reviews.
Improved Design System

Created a scalable, standardized system that streamlined development and ensured consistency.

The Process

Research & Ideation

Conducted research on gamification and engagement strategies to inform design decisions.

Wireframing & Prototyping

Created rapid wireframes in Procreate before translating them into high-fidelity designs in Figma.

Peer Review System Development

Designed a structured, gamified review system that encourages constructive feedback while preventing potential misuse.

User Flow Design
Established a step-by-step review process that guides students through providing structured feedback.
Constructive Feedback Framework
Developed a "how, what, and why" formula inspired by Mad Libs and elementary book reviews to ensure feedback is meaningful.
Persona Development
Created personas to explore how feedback should be presented to the Original Poster (OP) to make peer reviews engaging and insightful.
Prototyping & Iteration
Produced different drafts during the ideation phase, refining the system based on usability considerations.
Design System Creation

Built a scalable system that later transitioned to a new UI framework.

Collaborative Review Meetings

Leveraged my Figma expertise in meetings with stakeholders, enabling real-time design modifications that informed broader strategic discussions.

Team Management & Mentorship

Trained and guided junior designers, ensuring skill development and consistency across the project.

Process Optimization

Established clear workflows to improve design-to-development collaboration and overall efficiency.

No items found.

My Reflection

This project significantly improved my Figma skills and understanding of design systems. Mentoring the design team was both rewarding and challenging, as I realized I couldn’t teach everyone everything within the project’s tight timeline. I also learned the importance of balancing empathy with results-driven decisions, as I hesitated to advocate for reassigning the original designer despite clear challenges. Working closely with developers and stakeholders taught me to balance creativity with practicality, ensuring designs were both functional and achievable. Taking a laid-back approach in meetings fostered a more collaborative and relaxed atmosphere, enabling productive discussions. Overall, Orbit was a rewarding challenge that solidified my passion for product design and collaborative problem-solving.

My Reflection

This project significantly improved my Figma skills and understanding of design systems. Mentoring the design team was both rewarding and challenging, as I realized I couldn’t teach everyone everything within the project’s tight timeline. I also learned the importance of balancing empathy with results-driven decisions, as I hesitated to advocate for reassigning the original designer despite clear challenges. Working closely with developers and stakeholders taught me to balance creativity with practicality, ensuring designs were both functional and achievable. Taking a laid-back approach in meetings fostered a more collaborative and relaxed atmosphere, enabling productive discussions. Overall, Orbit was a rewarding challenge that solidified my passion for product design and collaborative problem-solving.
Reviews Coming Soon
FAQ Coming Soon

The Process

Research & Ideation

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Peer Review System Development

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Design System Creation

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Collaborative Review Meetings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Team Management & Mentorship

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Process Optimization

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Sold Out
Sign up to be notified when this product returns or reach out for more details about the design process.
Notify Me
Endgame Academy
Designing the Future of Game Development Education