MAplEsTOrY cAsH SHOp cHEcKOUT:
About
⟡ COMPANY: NEXON
Roles
⟡ UI/UX DESIGNER ⟡ UX WRITING
STEAM WaLLET
Nexon’s most popular 2D side-scrolling MMPORPG is called Maplestory. In Maplestory, the Cash Shop is a platform inside the game that allows players to purchase in-game items with real money. The Cash Shop offers a wide variety of unique items for characters with different functionalities and skills. Players can buy clothes that mask their equipment, such as overalls, shirts, pants, skirts, weapons, gloves, rings, shields, capes, and hats. Additionally, "transparent" equipment is available, which lets players retain the stats of an item while making it invisible. NX Cash, the currency for the Cash Shop, can be purchased with real money at department and convenience stores or via credit card. Although MapleStory is free to play, the Cash Shop serves as Nexon's main revenue source for the game. However, using the Cash Shop is entirely optional, and players can enjoy MapleStory without making any purchases from it.
Players can play Maplestory through Steam platform and they can link their Steam Wallet as their payment method.
pROjEct OvERviEW
Goals
Payments through Steam was incorporated into one of Nexon’s payment methods since players can download games such as Maplestory through Steam. The objective of this project was to improve the Steam checkout process through MapleStory Cash Shop. It was essential to consider all potential user cases and address common errors that users might encounter during checkout. Additionally, we aimed to improve the clarity and conciseness of the checkout messages to reduce customer service support tickets and minimize confusion within users.
Timeline
⟡ 2 WEEKS
UsER FlOW
USER CASE #6) Purchase Error: Error
unrelated to payment or account restrictions
MAPLESTORY —> STEAM CHECKOUT PAGE
COMPLETED PURCHASE
WiREfRAmEs
MAPLESTORY CASH SHOP
USER CASE #1) Purchase Error: Invalid payment method
SELECT NX AMOUNT TO PURCHASE
USER CASE #3) Purchase Error: Issue with payment method
USER CASE #2) Purchase Error: Payment limitations
with NX Credit (eg. parent-child restrictions)
USER CASE #5) Purchase Error: Error unrelated
to payment (eg. related to account restrictions)
USER CASE #4) Purchase Error: Payment
limitations (eg. parent-child restrictions)
USER CASE #8) Purchase Error: Payment
limitations (eg. parent-child restrictions)
STEAM WALLET FINAL CHECKOUT