MMAON - a social platform for mixed martial arts (MMA) fans

Features

Our first task was to enable new features on the platform by primarily transferring the existing page onto a content management (CMS) platform. Aside from upgrading the website, the founders of the platform had the idea of creating their own token thanks to which users would be able to support and donate to the fighters of their choice.

The stated required the implementation of a donation system which was the 3rd phase of the project. What ensued with the donation system was the implementation of a wallet.

Transferring, Wireframing, UI & UX creation

As mentioned, at the start of the project, the company had already had a prototype web page. The beginning phase of our work with the company was transferring the existing interface - a landing page, news and events sections, and a fighter overview; from the current setup to WordPress, the aforementioned content management platform. The company branding - entitling the logo and brand colors, was done by the MMAON’s Creative Director. Our design team, however, helped with the redesign of the existing features such as the landing page and the blog page.

Our team also partook in the creation of the design for the wireframes and sitemap of the entire app. Besides the visual and conceptual guides, the designers also started working on the creation of screens that would then be implemented in the second phase.

• Sitemap
• User flow
• Wireframes
• UI style guide
• CMS

Referral program

The second phase of the project implied the implementation of the authorization flow as well as fighter profile and user interactions. Upon the implementation of the created design, users were now able to access fighter profiles on which they were able to follow each fighter. By enabling the option of following, the feed functionality was necessary and was, pursuantly, implemented.

The implementation was done by our development team consisting of frontend and backend developers. Frontend developers used JavaScript for the design’s implementation. On the other hand, backend developers ensured that every element and functionality of the platform was fully functional by developing the app’s code in PHP and Symfony PHP - a scripting language and its associated web application framework.

The main idea behind the platform was to enable fans to support the fighter. In order to do so, the platform had to have a wallet functionality. Before the implementation of such, we developed a referral program via which users were able to send codes which then enabled them to receive credits. Said credits will then, in the third phase, be converted into tokens. In order to entice the users to use the referral program, it was created in the form of gamification - once a user achieves a certain amount of referral points they advance through stages that represent the MMA fighter categories.

• Gamification
• Authorization
• Frontend development
• Backend development
• UI/UX

Rolling out the MMAON wallet, donation system, and KYC functionalities

The third phase, released in January of 2022, entitled the release of the wallet and KYC functionalities. Given that MMAON’s initial idea was to enable users to donate tokens to fighters on the platform, that were named after the organization - MMAON tokens, this functionality was now available for use. In order to collect their tokens, users were obliged to go through the KYC verification flow. Once verified, each user now has the ability to transfer their referral tokens from one user to another via the platform without surcharges thanks to GateHub - a platform enabling users to trade. Thanks to the platform, users were now also able to send donations to fighters either via their fighter profiles or post publications.

• Account verification
• Crypto wallet

Empowered Fans' profiles & Multiple donations

In the fourth phase, we upgraded the layout and functionalities of fan and fighter profiles. Also, possibly the best upgrade from the user's perspective would be that, now, all users on the platform are able to create posts. By implementing this functionality, each user can now also receive donations from one another. Be it a fighter or a fan account, every app’s user is able to both create posts and transfer tokens to other users, if they are, of course, verified. Another feature is the creation of the global search which enables users to search and view, not only app posts but also all users on the platform.

Upon implementation of all of the defined factors through the aforestated systems, a social platform with its own cryptocurrency was created.

• Global search
• Follow/Unfollow users
• Account settings
• User profiles

Result

Ultimately, what has been achieved so far is a platform that is fully capable of enabling users to register into the MMAON community as well as being able to support the fighters that have verified accounts. The project has been in progress for the past 11 months.

Despite being active for such a short period of time, the site has garnered over 70 thousand users, during its first phase, in a time span of merely 3 months. Aside from the stated milestone, the platform’s users have, so far, since the second phase and release of the app’s wallet, been able to generate just shy of 50% of the stated amount of wallets. We are very proud to say that each AsyncLabs department was included in the project's development - be it Development, Design, Copywriting, or Project Management, everyone was able to contribute in one way or the other.