DnD Reimagined
DnD Reimagined
My take on what a truly open ended Dungeons and Dragons roleplaying app should be.
My take on what a truly open ended Dungeons and Dragons roleplaying app should be.
The thought process
The thought process
This was a passion project I took on out of a bit of frustration when I realized that the best experience and freedom while playing DnD just wasn’t possible on a phone. I wanted to create something that would bring that full experience to mobile while also looking like it was something out of a video game.
This was a passion project I took on out of a bit of frustration when I realized that the best experience and freedom while playing DnD just wasn’t possible on a phone. I wanted to create something that would bring that full experience to mobile while also looking like it was something out of a video game.
The experience
The experience
The question that constantly came to my mind was what do I want to experience from this app? This question led me down a rabbit hole of UI design that borderline could pass as retro video game art. I wanted to experience the app like I was playing a game.
The question that constantly came to my mind was what do I want to experience from this app? This question led me down a rabbit hole of UI design that borderline could pass as retro video game art. I wanted to experience the app like I was playing a game.
User flow map of the user joining a new campaign.
User flow map of the user joining a new campaign.
Prototype of the user joining a new campaign.
Prototype of the user joining a new campaign.
The interactions
The interactions
Interactions, whether it be micro or macro I wanted them to give movement. In addition to that, I decided to give the app a day and night cycle, where the home screen and various other screens would, with real time change their appearance.
Interactions, whether it be micro or macro i wanted them to give movement. In addition to that, i decided to give the app a day and night cycle, where the home screen and various other screens would, with real time change their appearance.
User flow map for a user selecting an existing character.
User flow map for a user selecting an existing character.
Prototype of the character select and message feature.
Prototype of the character select and message feature.
The emporium
The emporium
This is what I decided to call the search section of the app, a place where the user browses through the wares of a shrewd shopkeeper. one of the major driving factors for even undertaking this whole project was because normally this act, of looking up items or classes was locked under a paywall, which to me seemed a bit silly. You should be able to Monetize things, but you shouldn't hinder curiosity because of it.
This is what I decided to call the search section of the app, a place where the user browses through the wares of a shrewd shopkeeper. one of the major driving factors for even undertaking this whole project was because normally this act, of looking up items or classes was locked under a paywall, which to me seemed a bit silly. You should be able to Monetize things, but you shouldn't hinder curiosity because of it.
User flow map for a user searching for an item.
User flow map for a user searching for an item.
Prototype of user navigating through the emporium.
Prototype of user navigating through the emporium.
The navigation
The navigation
I wanted the design to feel intuitive, due to the nature of the game the user will tend to keep coming to the same place frequently adding quick interactions between sections seemed to help the experience. This made the experience feel less repetitive to the returning user while also helping a new user navigate to their goals quickly and effortlessly.
I wanted the design to feel intuitive, due to the nature of the game the user will tend to keep coming to the same place frequently adding quick interactions between sections seemed to help the experience. This made the experience feel less repetitive to the returning user while also helping a new user navigate to their goals quickly and effortlessly.
Prototype of the user starting an existing session.
Prototype of the user starting an existing session.
The approach
The approach
The research that went into making this come to life is where most of the time went, understanding what makes up a character sheet, where I could add a few ideas that occurred to me while not making it look overwhelming, maintaining this design system that I had created while still staying true to the essence of DnD. This process of constant learning, applying and relearning helped me get from point A to B. And I can proudly say that this project encapsulates the core idea that I had to a great degree.
The research that went into making this come to life is where most of the time went, understanding what makes up a character sheet, where I could add a few ideas that occurred to me while not making it look overwhelming, maintaining this design system that I had created while still staying true to the essence of DnD. This process of constant learning, applying and relearning helped me get from point A to B. And I can proudly say that this project encapsulates the core idea that I had to a great degree.
