SuperNormal is a premium NFT startup and a #1 top grossing Web3 brand in Korea with >$100M by volume traded. They needed to quickly develop a staking platform, so support their transition from hard-staking to soft-staking and allow users to track their points.
We needed to match the name SuperNormal's title of a premium, art-focused society and develop a stunning yet straightforward design.
SuperNormal's customers can be fitted into multiple categories:
- Those who haven't staked their NFT
- Those who staked and then unstaked
- Those who staked, then unstaked, and then staked again
- Mixed
The UI had to allow each of those users to see which NFTs they have, and transition them to soft-staking easily.
The next tab in the menu was a comprehensive overview of all the zips the user has
The original staking contracts were on Ethereum, but for keeping track of the user points we used Polygon because of low fees and faster transaction times
To track the points we:
- Upgraded the original contract to send data to the data bridge every time there is a token transfer
- Deployed a bridge contract on ETH Mainnet so data can be sent to polygon automatically
- Deployed a reciever contract on Polygon to recieve data
- Deployed the points contract on Polygon as the database
In the end, our staking was fully on-chain. Which makes it more secure and transparent. Read our previous article to see a more in-depth break-down of on-chain vs off-chain staking
On the frontend we went with a tried and true combo of NextJS and Wagmi & Viem. It provied unparalled type-safety and performance. SuperNormal has quite a big userbase, so to handle requests to the blockchain we used Alchemy - the web3 development platform.
What about performance?
Even though we were limited by the speed of blockchain queries, our website still scored a performance score of 84 on Lighthouse - not too shabyy!
Deploying on Vercel was a fool-proof choice, since it also provided us SEO and performance insights.
Working together with SuperNormal, we created a stunning website to support their transition from hard-staking to soft-staking. After the launch, we rigorously monitored the transactions, and made sure to promtly answer any queries the user's might've had. All in all, the launch went smooth and we're looking forward to working more with SuperNormal!