banner.png
img_logo_login_head.png
Crusaders of Light is a 3D Fantasy Open World MMORPG on both mobile and PC platforms. As a UI/UX designer, I designed new features' user flow, wireframe, UI assets and implemented UI modules to game engine. This page demonstrates three projects I worked on.
​
  • Perfecting purchasing experience - Dynamic Bundle
  • Item info enhancement - Treasure Chest Preview
  • Special events/holiday promotion - Store Decoration
​
 
 
Purchasing Experience Improvement
Dynamic Bundle
Overview: Dynamic Bundle is a time-limited pop-up store that players can purchase either of two bundles.  I identified opportunities to improve this feature for better a conversion funnel.
Problem: Confusing reading order causes high cognition load and a low conversion rate.
Action: Revamped the information layout, making it easy to read and compare.
Result:  Increased new user conversion rate by 25%.
My Role: UX Research, layout, A/B Test, UI assets modification, UI animation and implementation 
old_goblin_Q2.png
old_goblin_Q1.png
Issue analysis on previous version
new_goblin_Q2.png
new_goblin_Q1.png
Issue fixing on the revamp version
store_redesign.PNG
Final Design
Item info enhancement
Treasure Chest Preview
Overview:  Treasure Chests has a complex reward pool and players don't know what they might get before purchasing/opening.
Problem: Lack of reward info to make a purchasing decision, failed to build up an expectation.
Actions: Designed a detailed expanded view that shows tiered rewards and a secondary tooltip
Result: Players love the Chest Preview (from the survey and social media) and purchase more (from metrics). 
My Role: Research, Flow, Layouts, UI assets, UI implementation  
itemtips_old_single.png
itemtips_new_single1.png
itemtips_new_single2.png
Previous Version
  • No information of what's in the chest
Revamped Version
  • Clear info of what player may get.
  • Secondary tooltips for hovered item.
itemtips.png
In game look
 
Special events/holiday promotion 
Store Decoration
Overview: I designed the new seasonal appearance of Goblin Merchant (mascot of the in-game store) which changes based on events and holidays. The new design created the holiday atmosphere and resulted trended up monetization metrics. 
My Role: UI decoration assets, item icon, UI animation and implementation 
goblin_front_ORI.png
​Original Goblin Marchant
goblin_front.png
goblin_thanksgiving.png
goblin_front (2).png
bg_goblin_halloween.png
bg_infonpc.png
bg_goblin_thanksgiving.png
Halloween                                                 Thanksgiving                                        Christmas
bg_goblin_golden.png
bg_infonpc_buyagain01.png
bg_goblin_sale_super.png
bg_infonpc_buyagain02.png
bg_goblin_value_super.png
bg_infonpc_buyagain03.png
Various pop-up store promotion reminders
Visual communication_ThanksGivingDecorat
Thanksgiving store UI design 
halloween_store_goblin_pop_up.PNG
Halloween store UI design
openhalloweenchest_low.gif
Halloween Goblin Marchant with Pumpkin chest opening and glowing animation 
anchest.png
One Year Anniversary Chest 
Thank You