Mystic Tabletop Assist App
Branding, Strategy, User Research, and UX/UI Design for an app that helps simplify the tabletop roleplaying game experience.
The Challenge
Tabletop Role-Playing Games like Dungeons & Dragons are extremely fun to play. Unfortunately, complicated rulebooks make it harder to keep track of essential mechanics in the game. The Mystic Tabletop App was developed to take the pen and paper out of Tabletop RPGs, increasing user engagement and saving people time at the game table.
My Role
Working on a collaborative team of designers, I was responsible for putting together the survey, designing the player-side experience, homepage and overview, as well as providing feedback on the branding of the product and the experience for game masters that my partner built. I also put together the survey, final presentation video sizzle reel, and the information architecture flowmaps. We utilized Adobe XD, Illustrator, After Effects, and Premiere to turn our project to life.
Persona: Jeremy
Jeremy is a 27-year-old man who enjoys tabletop roleplaying games. His favorite is Dungeons & Dragons, particularly 5th edition. When he is a player in a game, he finds he makes mistakes when keeping track of his inventory, experience points, story details, and other essential game mechanics. When he runs a game, he struggles to quickly come up with exciting battles that are challenging for his characters, making Non-playable characters, and generating loot after a battle.
Jeremy loves playing with his friends but wishes there was an easier way to keep track of his information aside from pen and paper. He tries using existing websites like Roll20 and apps like DNDBeyond but is unsatisfied with the tools provided and finds that the User Interfaces are overly-complicated, but doesn’t have any alternatives. He would prefer a streamlined solution that allows for easy access as well as modification of content on the fly to keep his games quick yet personalized.
The Concept
Create a Character
Create a Character allows for players of all skill levels to quickly and easily make a character. The app includes everything the player would need, including the option for customization and manual input. While randomization and dice-rolling functions are given, it's up to the player whether they roll by the app or by hand.
Player Home
The homepage is designed to be as accessible as possible, even to those new to Tabletop Role-Playing Games. The character pages have all the information a player needs to play the game, reducing the need for looking in the rulebook mid-session. No one can memorize everything, so Mystic makes it easier to keep it all in one place.
Game Master Home
The Game Master side of the app is designed more as a tool to assist the Game Master in their general gameplay. Not as all-encompassing as the player guide, the customization tools for encounters, Non-playable character, loot and otherwise makes the Game Master's job easier and streamlines the work.
Information Achitecture Flowmap
Wireframes
Final Design Highlights
