StatBlock UI/UX Design
An experiment in UI/UX design for the fictitious TTRPG character compendium app StatBlock
The Process
I wanted to tend to this process from start to finish, going down the entirety of the pipeline from ideation to sketching to wireframing and prototyping. Throughout the course of the project, you can see the design ethos and scope of the project shift all the while, until it finally took hold in its final iteration. You can see the entirety of the process in the carousel below!
The Conceit
Tabletop roleplaying games are experiencing a cultural boom, especially in the indie game scene. However, the average player’s options for cataloguing and collecting character sheets tend to be limited to the rigid formatting made for specific games on specific platforms. The aim of StatBlock is to provide a modular, system-agnostic character sheet compendium that users can customize to suit their individual needs, no matter what system they are using, in an easy-to-understand package!
Functional and System-Agnostic
The goal was to create a mock-up for an app that looked useable from the onset. That means a simple UI, interactive components, and dice-rolling options. Consulting not only my experience as a tabletop fan but several playgroups, I wanted to learn about what players truly wanted from an app.
The most common things were, resizable blocks, blocks with in-line function, a persistent dice roller, and visual components that respond to information as the sheet is updated. Naturally, I worked to implement these into the general design philosophy and discovered that basically any feature that added modularity was a net positive. From there, I included additional updates to the UI to introduce feature such as color formatting, in-block page switching, and style selectors for resources, such as bars, bubbles, and boxes.
