Guess That 'Mon

A Wordle-style guessing game built around Pokémon, designed and shipped with a team.

ROLEUI Design
TEAMTeam 7 — Jessica Nguyen, Aaron Nguyen, Jason Nguyen, Khoi Le
STACKReact + Vite, Tailwind CSS, PokéAPI & PokémonTCG
LIVEguessthatmon.netlify.app ↗
CODEGitHub ↗

A team project reimagining "Who's That Pokémon?" as a Wordle-style guessing game: players see a silhouetted Pokémon, pick the correct name from a set of options, and correct guesses unlock a card to save to a personal collection. We pulled real Pokémon data and card art from PokéAPI and the PokémonTCG API rather than hand-building assets, and built it as a React + Vite app styled with Tailwind, with small JS-driven interactivity like scroll reveal on the collection screen.

Early low-fidelity comps for Guess That 'Mon: the pre-play title screen, the silhouetted guessing screen with four name options, and the card collection screen

I worked on the UI side — ideation sketches, early wireframes, the color palette, and reusable components — moving from these rough pre-production comps to the pink-gridded playing screen and card-collection reward view in the shipped version.

Figma ideation, wireframes, and component work for the Guess That 'Mon game
← PREVIOUS Wingstop Redesign
HENSHIN COMPLETE

This site's palette is a nod to Kamen Rider Faiz — silver armor, black bodysuit, Photon Blood red. If you know, you know.