🍽️ RPG UI/UX System Design – Delicious in Dungeon (WIP)

Cover image illustration by yukinnn

Work in Progress (WIP): This is an ongoing UI/UX case study inspired by Delicious in Dungeon. Layouts, visual consistency, system rules, and interaction details are currently being refined and aligned.

A roguelike concept where combat, cooking, and progression are interconnected:

• Explore dungeon floors

• Collect monster ingredients

• Cook dishes that impact survival and strategy

• Build a shared combat deck

Goal: Design a cohesive, controller-first interface that makes layered systems readable and strategically meaningful.

📗 Game Design Document (GDD)

Full system breakdown and mechanics documentation (updating)

1. Gourmet Guide (WIP)

Recipe planning & discovery:

• Flavor-based browsing

• Technique + Element as tags

• Clear missing ingredient states

• List + detail layout for controller readability

(The Gourmet Guide supports planning and understanding, not direct crafting)

2. Deck Builder (WIP)

Combat loadout management:

• Dishes = Buff cards

• Ingredient/Monster = Debuff cards

• Grid + Focus panel for clarity

• Clear “Owned” vs “In Deck” states

3. Cooking Interaction (WIP)

Skill-based execution:

• Visible minimum & maximum time

• Doneness meter

• Technique difficulty indicator

• Simple contextual prompts (Stir / Lid / Stop)

(Cooking is not cosmetic, it directly feeds combat performance)

4. Gameplay Loop (Draft)

Explore → Battle → Cook → Progress

5. Player Journey + Emotional Curve (Draft)

Key phases + UI touchpoints + pain points I’m designing around.

Helps validate pacing (tension → relief → reward) and where UI must stay minimal vs informative.

7. Navigation Structure (Draft)

8. Wireframes (Low-fidelity)

Some early exploration wireframes:

This project represents a system-driven UI/UX exploration, connecting interaction design, information architecture, and gameplay structure. While still a work in progress, intends to demonstrate a cohesive approach to designing layered game systems that remain readable, intuitive, and thematically grounded.

Back to GALLERY