CATEGORY
UI/UX · Interactive Storytelling
ROLE
Concept, information architecture, interaction, and UI design
TOOLS
Figma, Photoshop, Illustrator · AI-assisted image generation
CONTEXT
Individual student project · FH Aachen
An interactive mobile companion that helps new D&D players explore rules, characters and terminology without losing the game’s flow.
Adventurer’s Inn is a mobile companion designed for people who are new to Dungeons & Dragons. It turns dense rules, character information, and game terminology into clear, easy-to-browse content that can be accessed without interrupting the flow of play.
The interface combines a fantasy-inspired visual language with a layered content structure and quick glossary access. Longer explanations remain available without placing all of the game’s terminology on the first screen. The goal was to make complex information feel more approachable while preserving the atmosphere and character of the game.
Ideation & First Drafts
The Adventurer's Journey at the Inn
From overview to detail
Content is revealed in three steps: choose a section, scan its options, and then open the full explanation. This keeps the first screens short while leaving the longer rule content available when it is needed.
Four clear starting points
Instead of a dashboard, the home screen offers four paths: Start for the basics, Character for species, classes, backgrounds, and abilities, Resources for supporting material, and Glossary for direct rule lookup.
Visual System
Browse or search
The glossary supports two routes: browse alphabetically when the exact term is unclear, or search directly when the player already knows the word.
