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

MAPLESTORY CASH SHOP

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

Previous
Previous

Nexon Game Card Website Revamp

Next
Next

Third Party Social Account Linking [Nexon]