CP-City Game
Collect ingredients and start cooking to earn a special bonus!
Year
2024
Scope
Game UI Design
Client
CP
Duration
19 months
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.
