Scrum Game

A cute, interactive game for introducing and teaching Scrum framework basics.

UIUX Designer

It was the 3rd week's theme of the The F2E Fourth Frontend & UI Mastery Event organized by HexSchool. The event features collaborative relay between UIUX and front-end engineer. Each week, a different challenge is presented, where front-end engineers can use the UIUX designers' drafts to produce a complete work together.

2022 Oct - Nov

Design approach

Scenario & Persona Provided by competition organizer

User A

New employees must quickly gain a basic understanding of the Scrum process to establish a common language within the team.

Training materials are incomplete, and senior employees have tasks to handle, so they can’t provide enough resources immediately.

User B

People who have come across the term Scrum and want to understand the process and basic concepts.

There is too much information, making it hard to know where to start, and the written explanations are somewhat difficult to read.

Wireframe Provided by competition organizer

Research

I researched how Scrum works and readed relevant articles, finally deciding to use pigs as my character.

Image Source: Link

Hi-Fi Mockup
Hand off

Figma file

Result

Appreciation

Thanks to these engineers for choosing my design in development. Appreciate all their hard work! Everyone's feedback helped me to improve, and I see there’s still much for growth.

IreneLeeWork Link Personal Link

Sean CodingWork Link Personal Link

LingXuanWork Link Personal Link

布魯諾Work Link Personal Link

丟丟Work Link Personal Link

potatoleeWork Link Personal Link

Award

Thanks to the judges, this week’s theme received an honorable mention!

Reflection

As soon as the task was announced, I decided to use a pixel style. I really liked the final work I made, but I think there are many ways to make it better. For example, adding more details to the visuals and including some space elements could make it feel more like a space mission. I also want to improve the interactivity to make it smoother. For instance, after each challenge, instead of just showing a message when the user fails, if there was an option to show the correct answer, users could continue to the next challenge without waiting to figure it out.

This competition was really fun! I got to see many skilled competitors and gained more experience working with engineers. I learned a lot—thanks to the organizers!