![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/64e0acb4-359d-455e-9699-b8c2950ca039/a909088f-bf08-4a16-9430-2502576fd502_rw_1920.png?h=008da152dd8627e3d6c68681e2a10d50)
This feature introduces a new way for players to compete with other players through a limited time event that requires players to beat up to 5 levels without losing a life. My role in here is designing the entire user experience and visual design.
Wireframes
After a discussion with project manager and game designer team, I started to create the wireframe to present the user flow and screen detail. For helping this product evaluation we focus these features:
• Level win and lose: Integration of new and current UI
• Event leaderboards: Bucket, friends and global
• Rewards: Crown rewards and leaderboard rewards
• Event leaderboards: Bucket, friends and global
• Rewards: Crown rewards and leaderboard rewards
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/64e0acb4-359d-455e-9699-b8c2950ca039/ccbf55df-6f93-4e0f-9463-49f85db81512_rw_1920.jpg?h=444890a7332fa7a0a71dbfb236781054)
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/64e0acb4-359d-455e-9699-b8c2950ca039/3cba1717-8a63-4096-b8b3-39832171ba6b_rw_1920.jpg?h=a7acc1ab4442d1371edd5de59f713e21)
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/64e0acb4-359d-455e-9699-b8c2950ca039/905c6f98-5389-4942-b722-e8222471023d_rw_1920.jpg?h=f37db4b7c6bbcdf7160672b1c46f4ea6)
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/64e0acb4-359d-455e-9699-b8c2950ca039/25a08c1d-9f2f-4ff2-aa63-5ae89ba140f8_rw_1920.jpg?h=06a86b4e1aaedbd78ca532feabb89dba)
Visual Design
I was working with the art director and lead artists to visualize the UI mockup. Since the team picked "Jack and the Beanstalk" to be the theme, I put the sky blue and vines green into the design to tell the story. The royal blue and golden banner are also part of UI elements to match "Kingship".
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/64e0acb4-359d-455e-9699-b8c2950ca039/286f701c-9bec-47d9-8a36-b1129c758e91_rw_1920.jpg?h=61b70b07d1d96a1f2b23a6eed0ddf1b2)
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/64e0acb4-359d-455e-9699-b8c2950ca039/852a5951-15e4-4eef-b7ea-69abcb3aeb7f_rw_1920.jpg?h=65d7d8111480732d055c062316cbfd65)
UI Kit
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/64e0acb4-359d-455e-9699-b8c2950ca039/d4aada58-ea22-40b0-acc6-79ed597dd30e_rw_1920.jpg?h=6985fa3372508d88e2fda85c9eaf8890)