Img_login_bg_dk.png
img_logo_login_head.png
Crusaders of Light is a 3D Fantasy Open World MMORPG on both mobile and PC platform. As the UI/UX designer in the team, I worked on new game features' user flow, wireframe, UI assets creation and implementation. This page below demonstrates some of my works in this game:
 
  • Improving purchasing experience - Goblin Merchant: In-game store revamp
  • Game item info enhancement - Treasure Chest Preview
  • Special events/holiday store promotion - UI assets creation
  • New feature and items promotion - Banner Design
 
 
 
User Interface - Goblin Merchant
Feature Type:  Revamp in-game store
 
Feature Short Story: Goblin Merchant is an in-game time limited pop-up dynamic store. Players can purchase either giftpack from the two.
 
Deliverables:  UI layout, UI assests modification, UI animation, UI 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
Treasure Chest Preview
Feature Type:  Item Info
Feature Short Story:  Treasure Chest Preview is a feature to let players know detailed info about what they may get before they purchase/open the Treasure Chests.
 
Deliverables: UI Layout, UI implementation  
itemtips_old_single.png
itemtips_new_single1.png
itemtips_new_single2.png
Previous Version
  • Unclear info about what's in the chest
Revamped Version
  • Clear info about what player may get from the chest
  • Secondary info tips for the items in the chest
itemtips.png
In game look
 
Goblin Merchant
Promotions 
Feature Type:  Dynamic UI decoration for store promotions  
Feature Short Story: Goblin Merchant is the mascot of the in-game store. The visual of Goblin Merchant and store panel change based on different game promotions and holidays. The UI design focused on delivering correct promotion info and creating the holiday atmosphere to stimulate consumption. 
Deliverables: UI decoration assets, item icon, UI animation, UI implementation 
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 
chest_vvip copy.png
Winter Chest 
goblin_front_ORI.png
​Original Goblin Marchant
In-game
Promotion Banner
Z3-大眼怪-0927.png
Feature Type: Banner
Feature Short Story: Game new features and new items are prompted when players first log in every day.  Call-to-action directs customers to the shop or event pages.
G
Deliverables: Graphic Design, UI implementation  
 
Z3-雷霆系列武器-0927.png