🐺 Monster of The Week Hunter Companion UI
👩🏻💻 UI Design, Ideation, Prototyping
For our Introduction to Software Engineering course, we were given the freedom to develop any kind of project or application we want, as the main goal of the course was to teach us how to properly document a development project. My group decided on creating a digital tool for players of the tabletop role-playing game Monster of The Week.
In order to fully understand what a player may need from this digital tool, we all opted to play through a quick oneshot. After getting an idea of a player’s experience, we formulated a system that handles character management and automated dice rolling that makes it easier for players as they go through a campaign, minimizing the need for multiple documents to reference as well as manually computing roll results.
The above photo shows the UI I designed for the system, following wireframes drafted by my groupmate. The color palette I chose for this project is dark, as my groupmate told me that Monster of The Week has a similar aesthetic to Stranger Things. Since it has been a while since I designed screens at the time of working on this project, my skills were a little rusty compared to the previous year. However, my groupmates have told me that my design looks neat and easy to follow, so my designs have served its purpose. The groupmate who suggested this project in the first place was especially pleased that they showed it to their other friends who also played Monster of The Week. I was very happy that my designs were well-received.
Unfortunately, as we were working with Java and JFrame for the development, the final design wasn’t followed through due to the limitations of JFrame as a front-end tool. Nevertheless, the final system itself has met the functional requirements that we have specified at the beginning of the project.
🎨 Designed using Figma. Link to workspace here.