Roll and Scroll RPG Mobile Tool

A Customizable D&D App

A story: A million years ago, before I knew that UI/UX was a career, I was an impressionable band geek that played Dungeons and Dragons every Monday night.

Confession: I never had a clue was I was doing. My boyfriend was the DM and I liked the glittery dice so I played. Yes, I had fun, and to this day we joke about it, but I really had no idea what I was doing. I apologize to the other players.

Over the years after collge we would play every once in awhile. But, as anyone who has ever played knows- creating a character is a LONG process- and we would spend hours creating a character and only ever find like twice to play.

Fast forward to the pandemic. My husband and I live in Florida. The other couple we played with lived in California. We tried to play via Zoom. It was mildly successful. At the time I joked that we needed an online way to keep track of characters and keep everything organized.

Now, a year or two later my husband introduced me to Critical Role. The first thing I noticed about this group of players is that they all have a tablet in front of them with their characters ready to go. The lightbulb came on.

In my spare time I started to design this app. It is meant to be a practice piece, but it grows and really deserves it's own place in the portfolio

I will note- I did not do formal research on this. I did not try to find the app they Critical Role people use (though after I get done I really want to see what they are using). I wanted to use my imagination and the input of friends who play to build something that worked. I want to throw everything into it that my little nerd heart desires. This project is a work in progress. I will add to it every time I work.

So....come along on my personal adventure to build a D&D app that would work across a continent, at home, or in a gaming store.

Ideas and Brainstorms

*A chat section for DM to player- for secrets and side missions

*A store to buy equipment at in the beginning of the campaign, with option to use again with DM permission

*Easy access to spells and their effects

*DM ability to add XP to players

*Automatic calculation of bonus and modifiers

The Wireframes

Login Page

Simple Login or sign up page

Character selection

Select character page- with hover overlay that gives a bit more detail about the character.

Character Creation A

Basic Creation Page. Users can choose to roll their own dice or have the computer roll for them. They can also fill out everything they would need for a backstory, personality, equipment, etc.

Character Creator B- Spell Casters

Clicking on the checkbox at the top of the page will allow a special creation page for spell casters.

Customizable Character Sheet

Users will be able to add or reorganize the character sheet as they want. The default page is always available, but this will allow players to have the info they feel is most important above the fold.

Character Image

Users will be able to upload their own picture, or use one from the searchable gallery.

In Game Equipment Store

Who doesn't like to shop? With this took, users can shop for the equipment they need at the beginning of the character creation, and it will be automatically added to their character.

DM Campaign Page

DM main page- ability to choose which campaign to play.

DM Control Page

Control Page for the Campaign. This will have player icons, a DM chat, areas to upload maps, Notes, monster guides, ability to give inspiration, experience, and items.

Prototypes

Link to Low-Fi Prototype

This is a work in progress

Mockups

Login Page

The title is a work in progress. Sometimes I have to do a mock up or two in order to get my creativity going again!

Working Title and Logo


Character Play Page- First Mockup


Character Spellcaster Play Page- First Mockup


DM Chat

This is one of my favorite features. It always annoys me when the DM tell someone something that the rest of the players shouldn't know and then have to pretend they don't. DMs can request chats, tell secrets, and answer questions wit one or more players.

Death Save Overlay

When a character hits zero HP, this overlay will automatically come up.

DM Campaign Page

DM Campaign Dashboard. Notes can be added to, or preloaded (or both). All party members listed with quick facts that can be opened to larger character sheets. DMs can also give inspiration, look for loot, and access the area map from this page.

Map Expansion

Accessed from the campaign page. DM can track and expain where characters are going. DM can share the map without pins if they like.

Combat room prototype

A view of the combat page. The DM can share the map on the left with the party. They can also drag and drop character icons. The combat order can also be drag and dropped based on the initiative rolled. DMs can look up info about each party member or monster in the order menu.

DMs can place notes in advance or add as they go.