MFC (web application)

Similar to most traditional NFT projects, users mint the NFT's on the MFC website, which can be the resold and traded on Opensea. Users have the option to enter their fighters into randomised fights and tournaments that can earn them winnings. These winnings are from the prize pool, which MFC will create from a percentage of NFT sales.

The overall build was quite simple and along the lines of most NFT website builds, however they had an extra page which allowed users to earn a free NFT that proposed some challenges. This marketing strategy essentially allowed users to take part in certain tasks (quests) to earn a free NFT that offered in game perks when they drop went live. This page took a lot of back and forth between the developers and myself to create something that was functional and unique to MFC.

This website was built off-chain and I worked closely with the team of developers to make sure the final, coded product, matched the UX/UI I had built.

To create the best product I could, I analysed some of the best NFT web applications currently on the market.

Zed Run and Planet Quest are two powerhouses in the NFT world and have found the perfect balance between functional websites and gaming fantasy. Most NFT web applications work the same way where the home page of the website shows the information on the project and how to get involved, which then leads users onto the actual application itself.

I decided to do something similar for MFC, as I believe it best showcases what the project is and how it can benefit the user. Planet Quest do a really good job of incorporating a story around its game and as a user, you really feel like you're experiencing another world.

Some areas I believe Planet Quest can improve is by having a better site navigation menu. Zed Run makes it clear how to play the game and the different tasks you can take part in. I also think that Zed Run could look more like a game instead of a website by having an in game navigation bar similar to a lot of mobile apps.

Having a website application provides a few challenges as both your informational website and app are placed together. To combat this challenge I had a traditional website that linked to the web application.

The web application itself uses a unique mobile app style navigation bar. I believe this best encourages users to spend time of the web app and partake in the different tasks the platform offers.

I also thought it was best to have users sign in with an email and password, despite normal NFT websites not requiring this. I felt this gave MFC a direct point of contact with the users who sign up to the platform.

To make the design process on Figma easier, I took the time to draw out the wireframes for the web application.

These sketches were shown to the team prior to the build to save time when building the pages. Once the wireframes were approved, I then started to build the website on Figma.

A large part of MFC's marketing strategy is centred around the free NFT they're offering to users for completing a set list of tasks (following on twitter, inviting a friend to Discord etc). The NFT quest page was made with a lot of back and forth between the developers and myself.

On the backend, the team needed to actually prove that the user was completing the tasks, meaning they had to connect their twitter and Discord to the website itself.

The design also needed to be visually appealing enough to encourage the user to complete the tasks. I took inspiration from other play to earn games that have challenges for users to complete. Showing the tasks they've completed and the tasks they're yet to complete with a scoring system is a great way to accomplish this.

Below is a look of the final pages created for the MFC website. If you want to see the full UX/UI of the home page, click the link at the top of the page.

As you can see, I created a sticky nav bar for the application itself. I believe this best suits the game feel MFC was going for and also allows users to navigate through the application itself freely.

I also feel like this final product does a better job of informing the user as to what the project is and how it works than Zed Run and Planet Quest. The link to the web app itself is where the game takes place and ties in the storylines MFC wanted to create around fighting.