John Dufresne's Portfolio — UX Games
UX Games
A series of UX-themed browser games built to sharpen prompt engineering skills and explore vibe coding. Each game — a quiz game, detective RPG, and space shooter — translates core design principles into interactive, playable experiences that make UX concepts tangible and entertaining.
UX Quiz Game
A browser-based quiz game where players match UX definitions to terms across 100 questions. The game tests design literacy with a one-strike elimination format.
Super Designo Sprint
A side-scrolling platformer where you play as a UX designer navigating a world built entirely from UI components. Jump on dialogs, collect tags, bounce off hamburger menus, and dodge rogue buttons in this love letter to the design community.
UX RPG
A 16-bit narrative detective game where players guide Uma Xing through a dark pattern conspiracy. Combines hidden object UX challenges, empathy interview mechanics, and choose-your-own-adventure storytelling across ten scripted scenes.
Pixel Pop
A match-3 puzzle game where UX icons clash on an 8x8 grid. Swap Home, Heart, Search, Save, Star, and Chat icons to build combos, chain reactions, and outsmart three levels of increasingly ruthless design challenges.
WUXDLE
A word game where designers test their terminology. Guess the five-letter UX term in six tries — green means right spot, gold means wrong spot. New puzzle, new word, every round.
CrossUX Puzzle
A crossword game where every answer is a UX term you actually use. Fill the grid, test your design vocabulary, and work both across and down to unlock the language behind great experiences.
UX Defenders
A space shooter where players defend good design against Hick's Law menus and incoming dark pattern threats. Growing navigation bars and manipulative UI elements rain down as your icon fights back.
Pixel Perfect
An interactive plant nursery e-commerce simulation hiding 15 intentional UX and dark pattern errors. Players identify issues across a realistic webpage, then articulate design fixes via an AI chat interface.
How I Built These UX Games
Each game was built using prompt engineering in Claude to generate detailed game design documents, then vibe coded in Lovable using React. The process moved from concept to playable browser game without writing code manually. I did use Claude to write a few lines of code to insert in my Webflow page's custom code to allow the sites to live and be interactive on my portfolio.