Avatar Clothing with RPM

Thanks to a close collaboration with ReadyPlayerMe, we had access to high-quality in game avatars. Users could customize their avatars' looks, hairstyles, and clothing. This collaboration presented a prime opportunity to introduce e-commerce for digital items, allowing users to purchase items for their online personas.

The HiberWorld Platform

HiberWorld is a platform where users can play and create user-generated games. With an established and active community, it was the perfect place to implement the new commerce flow.

The Team Gets Started

Together with the product owner and developers, we devised a plan for the commerce experience. This included user flows, technical limitations, and requirements.

Checking Out the Competition

My initial focus was on creating the product page to showcase and sell items. I researched competitors, including brand websites and product pages in other video games, to understand how they presented items and information.

Unique Requirements

Based on our initial planning, the design needed to:

I also designed extra features like sales, limited offers, and a “Try On” option so users can preview items on their avatars before purchasing.

The Product Page

The product page was crucial as it demonstrated the value and usage of the digital items. It needed to be visually appealing and informative while maintaining a balance between brand neutrality and HiberWorld's aesthetics.

Bringing the Vision to Life

After the product page itself was finished, the developers had something to focus on while I turned my attention to the full purchase flow. Using the predefined flows, I created the necessary pages:

Testing the Implementation

To ensure a seamless experience, I conducted internal usability testing. We discovered users were unaware they needed to log in to purchase items.

I quickly revised the design in Figma, adding a message on the product page about account requirements, contextual sign-up modal titles, and a notification after successful login. These changes seemed to have resolved the issue, as confirmed in the subsequent tests.

It's Alive!

After some iterating, we soon had a fully functional commerce experience that allowed users to view, purchase, unlock, equip, and use items without leaving the engine.

The Finished Product

The commerce experience launched successfully on HiberWorld, with no major user experience issues reported. Success!

At the time of writing, more than 12 thousand products have been bought or unlocked through the product page since its release in 2023.