CP-City Game
Services
UI Design
Platform
Website
Role
UI Designer
Tools
Figma
Duration
Jun 2023 - Dec 2024
Info
CP-City Game – a web-based game from CPBRANDSITE where players search for hidden ingredients throughout CP-City and use them to cook dishes, aiming to complete the entire food collection. Players can earn coins and special ingredients upon finishing a dish. Plus, there are 6 mini-games offering fun challenges and chances to win rewards.
Designed the UI for CP-City Game, a web-based game on CPBRANDSITE. Built a Design System and reusable components covering HUD, Recipe, Inventory, Mission, and all 6 mini-games. Created bright, brand-aligned visual UI with engaging micro-interactions. Developed high-fidelity, mobile-first prototypes for all user flows using Smart Animate and Variables, ensuring accessibility and efficient developer handoff with design tokens and detailed component documentation.
