DnD Beyond
D&D Beyond is an official digital toolset and online platform for the fifth edition of the Dungeons & Dragons (D&D) tabletop role-playing game.
D&D Beyond provides a variety of tools and features to enhance the D&D experience for players and Dungeon Masters. It works on desktop and as a separate mobile app.
dndbeyond.com
My role
Delivering ux/ui concept designs for the app - making it look and act better.
This included:
Customers insights & ideation
Adding new user functionalities
Building in the online store
User interface & experience
Motion & interactions
Light & dark mode explorations
I started with gathering information about this particular app - DnD has a dedicated discussion page with many user insights. Second, I needed to understand the rules of the game itself as I knew very little at the beginning. This part was crucial to actually feel what it’s like being a player. Going through the existing version also gave me some hints about what could be improved. Last but not least, discussions within the team. All these combined led me to point out the ways to improve.
Start page works as a hub showing a glimpse of everything that’s in the app.
Sectioning the content allow user to focus on particular container, while keeping the context of the overall app structure.
Validation
Once approved on internal sessions, the outcome was presented to the part of the users. Feedback was then taken under consideration and if the team felt convinced enough the comment was right, design was updated.
In some cases, when we couldn’t decide which version is better, options A/B were developed.
Outcome
Final stage consisted of:
dark & light mode main screens
redefined typography & color scheme
redefined navigation, including Marketplace and Profile sections
