Mecha Fight Club

Website Design, UI Design
Project Overview
Mecha fight club (MFC) is the biggest fight club in the metaverse. Artifically intelligent mechabots fight on the solana blockchain.

Otherlife was tasked with creating everything from brand identity, website design, UI kit, and their upcoming game launch. I worked with Creative Director (Michael Moodie) on the screens shown below.
Visit the live website here
My Role: UI Designer
Some of my contributions to this  project included designing the account settings page, pre and post "hatchening" dashboards, and a "future state" page to preview upcoming features in the project roadmap.
‍
Tools
The Challenge
Added a variety of new components to the MFC design system that would match their unique visual design language. The purpose of these new components were to simulate a futuristic video game as the company prepared to release one of the first AI-powered blockchain games in the industry.
Post hatch concept page
The screens shown below were to demonstrate how these new components could scale as the app begins to release new features. Focusing on core game mechanics such as challenges between players and leaderboards.
Loading Animation
I created the following animation as a website loading screen. While development constraints required it to be simplified, this taught me about the limitations of what animations can be converted into lottie files for optimal website performance.
Custom Icon Pack
I created some custom icons that would be used on web, apps, and presentation decks across the brand.
Game design
Unfortunately an NDA prohibits me from sharing what I worked on for the upcoming game that is currently in development. However, I'm to discuss my contributions and design process on a high level.

NATHAN MA

LinkedinEMAIL