Category: FinTech, Web App
My Role: User Flow, Interface Design, Design System, Visual Design. Other contributors involved one junior designer and one illustrator.
Client: In-house product for ClayStack, designed in my role as Lead Product Designer at ClayStack
Timeline: The product was designed around December 2021
What is ClayStack? (briefly)
ClayStack is a cryptocurrency staking platform that offers its users the opportunity to participate in the decentralized finance (DeFi) ecosystem while staking their tokens. The platform is specifically designed for the Ethereum ecosystem and uses a liquid staking protocol.
With Claystack, crypto traders can easily stake their tokens and use issued derivative/synthetic tokens across Defi applications. This protocol bridges the gap between staking and DeFi, providing users with a seamless experience.
ClayStack's Alpha version of the liquid staking protocol.
Why we built the game?
ClayStack Malawi was the second milestone in the development of ClayStack's liquid staking protocol. With Malawi, everyone on the waitlist was eligible to access the testnet. However, the team decided to add one more layer of friction to this process. We introduced a game that the users now needed to play(and finish) in order to get access to the testnet even if they were on the waitlist.
The intention behind introducing the game was also to drive engagement in the community, mostly on Discord and Twitter. The game required the users to talk and trade cards with other users in order to win the game.
The Game
Each player must collect a combination of five tokens. The combined value of this collection should be equal (or higher) to their queue number in the waitlist. Which means if you got in early on the waitlist, you need to attain a lesser amount to reach the target amount.
Quick user flow of the game.
These were ERC-20 tokens and were accessible using MetaMask.
Each player will have a different combination of tokens to collect. Here are some rules about these tokens.
Value of Tokens
The in-game dollar value of each token will be subject to arbitrary changes.
Rarity of Tokens
Some tokens are rarer than others. This rarity will be a dynamic factor and be subject to arbitrary changes.
Let’s break down the basics of the game into 3 phases.
Step 1: Access the game
Access the game through MetaMask. Once you have connected your wallet, you will be able to see your custom dashboard. You will have to collect the combination of tokens that are listed on the dashboard. Remember that this combination will be different for each user.
Keep collecting these tokens until the combined dollar value of all the tokens is equal to your queue number in the waitlist.
Step 2: Collect tokens
You can collect a package of randomly generated tokens every 2–4 hours. This package will contain different tokens. If it contains the tokens you need, then they will be added to your combination. They will help increase the combined value of your tokens bringing you closer to your target amount.
If not, then you will find them under the “All Tokens” section.
Now, if you don’t get the tokens you need from the package, then simply ask for people on Discord and Telegram to make a fair trade.
Let’s take an example to understand this better.
Suppose you have 10 Malawi tokens and 15 Onega tokens. But you only need 10 Onega tokens but 15 Malawi tokens.
A fellow user has 15 Malawi tokens but only needs 10 Onega tokens. And they need only 10 Malawi tokens but 15 Onega tokens.
In this scenario, you will make a trade (if it’s fair given the dollar price of the tokens) of 5 Malawi vs 5 Onega tokens.
Step 3: Finish the Game
When you have collected all five tokens to match the combined value with your position on the waitlist, you can finish the game. This led the user to gain access to ClayStack Malawi Testnet.
Once the user finishes the game, the combination of their tokens will be burned. They could still keep the other tokens to share them amongst the community.