top of page

🕹️ CHECKPOINT —  Game UI/UX Insights 

🕹️ FEED PAGE —  Game UI/UX Insights 

🕹️ CHECKPOINT —  Game UI/UX Insights 

🕹️ FEED PAGE —  Game UI/UX Insights 

Warp
Warp

Updated: Mar 26

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

Share Post

Barbara Franco

·

1 day ago

· Mar 3 · 2 min read

·

1 min read

Barbara Franco

·

Mar 3

1 day ago

Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.
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.


Delicious in Dungeon: A culinary Journey, its 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)


Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.

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)


Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.

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)


Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.

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. Visual System (Draft)


Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.
Visual System exploring palette structure, type hierarchy, and icon refinement across the project.


5. Gameplay Loop (Draft)


Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.
Explore → Battle → Cook → Progress


6. Player Journey + Emotional Curve (Draft)


Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.
Key phases + UI touchpoints + pain points I’m designing around.

Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.
Helps validate pacing (tension → relief → reward) and where UI must stay minimal vs informative.


7. Navigation Structure (Draft)


Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.

Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.


8. Wireframes (Low-fidelity)

Some early exploration wireframes:


Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.

Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.


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

2

699

views

0

comments

Copied!

UI/UX Design

·

Game Design

·

Tech

·

Art

Recent Posts

18

0

102

🎮 Case Study (Part 1): Designing My Own Game-Inspired Portfolio

A Knight of the Seven Kingdoms Game UI/UX Design

A Knight of the Seven Kingdoms Game UI/UX Design

Illustrated blog thumbnail: game-UI desk with blueprint labeled ‘BUTTON’, a wireframe sheet, a UI chest panel, chat bubble, and charts.

18

0

118

🎮 Case Study (Part 1): Designing My Own Game-Inspired Portfolio

Minecraft Inventory UI/UX Redesign – A Modern Approach

Minecraft Inventory UI/UX Redesign – A Modern Approach

Illustrated blog thumbnail: game-UI desk with blueprint labeled ‘BUTTON’, a wireframe sheet, a UI chest panel, chat bubble, and charts.

18

0

53

🎮 Case Study (Part 1): Designing My Own Game-Inspired Portfolio

🎬 Case Study (Part 5): Evolving the Art Direction for a Cinematic Hero

🎬 Case Study (Part 5): Evolving the Art Direction for a Cinematic Hero

Illustrated blog thumbnail: game-UI desk with blueprint labeled ‘BUTTON’, a wireframe sheet, a UI chest panel, chat bubble, and charts.

A Knight of the Seven Kingdoms Game UI/UX Design

Illustrated blog thumbnail: game-UI desk with blueprint labeled ‘BUTTON’, a wireframe sheet, a UI chest panel, chat bubble, and charts.

Minecraft Inventory UI/UX Redesign – A Modern Approach

Illustrated blog thumbnail: game-UI desk with blueprint labeled ‘BUTTON’, a wireframe sheet, a UI chest panel, chat bubble, and charts.
Comments

Share Your ThoughtsBe the first to write a comment.

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

  • Writer: Barbara Franco
    Barbara Franco
  • Mar 3
  • 2 min read

Updated: Mar 26

Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.
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.


Delicious in Dungeon: A culinary Journey, its 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.


Full system breakdown and mechanics documentation (updating)



1. Gourmet Guide (WIP)


Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.

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)


Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.

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)


Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.

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. Visual System (Draft)


Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.
Visual System exploring palette structure, type hierarchy, and icon refinement across the project.


5. Gameplay Loop (Draft)


Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.
Explore → Battle → Cook → Progress


6. Player Journey + Emotional Curve (Draft)


Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.
Key phases + UI touchpoints + pain points I’m designing around.

Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.
Helps validate pacing (tension → relief → reward) and where UI must stay minimal vs informative.


7. Navigation Structure (Draft)


Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.

Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.


8. Wireframes (Low-fidelity)

Some early exploration wireframes:


Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.

Portfolio home—bold “Game UI/UX Designer • Barbara Franco,” CRT-style blue portrait, and Start/Gallery/Contact/Blog buttons.


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.


Comments


© 2025 by Barbara Franco

bottom of page