Elevating the Future of Web3 Gaming and AI

The Challenge

Metacade is pushing the boundaries of web3 gaming and AI, by creating a dynamic ecosystem where players, developers, and investors come together. To match its vision, Metacade needed a digital presence as immersive and forward-thinking as the brand itself. The challenge was to craft a seamless experience that unified its diverse offerings, competitive tournaments, AI-driven agents, content creation, and investment opportunities — while ensuring effortless navigation for both gamers and crypto enthusiasts.

Our approach was to elevate Metacade’s brand with a bold and unique design that reinforced its status as a next-generation gaming hub. Every element, from high-energy visuals to intuitive user flows, was designed to maximise engagement. We took creative license to refine Metacade’s visual identity — simplifying the logo into a sleek wordmark for better adaptability across all assets. The gamepad icon was then reimagined as a dynamic design element, enhancing the immersive aesthetic across the platform.

The Results

The final product is more than just a website — it’s a high-performance digital experience that captures the pulse of web3 gaming from the very first interaction. Metacade’s new platform doesn’t just inform; it invites users to dive in, participate, and become part of the movement. With an electrifying fusion of design and functionality, the new website not only amplifies Metacade’s presence but also subtly redefines its brand direction, ensuring it stands out as a dominant force in web3 gaming.

The City of Metacade

We wanted to push the existing branding to better reflect Metacade’s position in the gaming and AI space. We began our design process by coming up with a unique concept that was built around the companies core offerings, otherwise known as the Metacade quarters. Their flagship game “Gangs Of Metacadia”, a game about 5 gangs all fighting for control of the city, also inspired our final concept, an interactive 3D city.

This virtual city allows users to navigate and explore the four key areas of Metacade’s ecosystem. Given that Metacade’s target audience spans multiple demographics, we needed an intuitive way for users to grasp its offerings quickly and identify the quarter most relevant to them. The city concept effectively achieved this.

The city’s layout is based on a gamepad’s directional buttons, with each direction representing a quarter – Gaming, AI, Builders, and Token. Each quarter features its own colour scheme, billboards, and dedicated interior pages that showcase its purpose.

Leveling up against the competition

A strong token design is essential for any crypto project looking to differentiate itself. With the introduction of the 3D city, we extended this visual direction to develop a new 3D token design, ensuring a consistent and standout identity across the website and social media.

Animated Assets

Having short and to the point copy across the site was also essential for the Metacade team. So for us it was important to create visual assets that backed up the key points. We designed each asset in Figma and animated each one inside the browser for more control and flexibility.

Responsive Optimisations

A lot of the site relies on animated and 3D web technology that can be taxing on some less powerful devices. We weren’t prepared to simply fallback to static images. Instead, we built all our assets with performance in mind so that they could all run smoothly across all devices without impacting the overall user experience.