client
This is a project that I worked on for Skyweaver, a web 3 game by Horizon Blochain Games. I worked on this project from May 2023 to July 2023.
Problem
The Premium Skypass page in Skyweaver wasn't conveying any of the purchase benefits and features.
Solution
After researching direct and indirect competitors and getting feedback from players and the team, I designed a new page that outlines the Premium Skypass benefits.
.jpg)
research pool
I looked at both direct and indirect competitors such as Hearthstone, Magic Arena, Fortnite and Duo Lingo and analyzed differences and similarities.
Insights
Results of the competitor analysis were synthesized in a series of actionable insights.
COMPETITOR RESEARCH
I looked and differences and similarities for two of the main competitors and indirect competitors.
page structure
Both left and right alignments were explored as well as early considerations for content and imagery.
The feedback
The game design and development team were involved early on in feedback sessions. After thoughtful consideration and some extra UX research, we decided to pursue a left alignment.
Wireframes
Hand-drawn mockups were created to illustrate initial concepts to stakeholders.
Focus
The previous design was not detailing the advantages of purchasing Premium Skypass so my main focus was to properly convey Premium Skypass' value to the user.
new functionality
I highlighted the main features and items of Premium Skypass in a scrollable column. This allowed an itemized and organized delivery of information to the user.
mockups
I created mockups based on the wireframes and feedback received.
Test
A prototype was created for internal quality control and usability testing with a small user pool.
changes
Based on performed testing the scroll interaction speed was adjusted and items were added to the list in order to better convey the value of Premium Skypass. Edits were also made to the copy of some items to better express messaging to users.
Prototype
overview
I prepared a handover document for the engineering team that contains details on component anatomy, placement, alignment and behaviour. Additional links to documentation and other pertinent documents are included.
process
A Github ticket is created for the engineering team with all the details of the new design and link to useful resources.
spec sheet
data collection
I will collaborate with the data team to establish the type of tracking we will need for pages containing the new design.
future uxr
I plan to stay in touch with any developments in similar products launched by competitors.
iterations
I would like to explore future interaction states that might make the experience more immersive for the user.