Gods Unchained
Context
Crafting a new chapter for leading Web3 card game
Best strategy game by Web3 GAM3RS’ Choice Awards, Best Strategy Game’ & ‘Best Card Game by Gam3s.GG, Top 20 most influential blockchain games by Asia Blockchain Gaming Alliance just to name a few. WIth a stabile number of 3500 daily active players Gods Unchained is a great web3 TCG (trading card game). But something was missing from its presentation. its website was outdated and not corresponding to the success of the game. We were asked to changed that and make a new home that is worthy of gods.
client:
location:
sector:
year:
timing:
Immutable
Sydney, Australia
Web3 gaming
2024
4 months
creation process
Creative concept
The creative vision for the Gods Unchained website was drawn directly from the game’s rich lore — by using atmospheric visuals, we sought to mirror the feeling of the story environment — a realm both terrible and beautiful, where every interaction feels like touching the essence of a god or to meet the gods yourself.
Gods Unchained
Gods Unchained
Gods Unchained
Intuitive user experience
The website’s user experience is designed to guide both new and experienced players through the world of Gods Unchained with intuitive and engaging interactions. Elements like swipers, Rive selectors, and animated transitions create a seamless journey where users can explore the game’s mechanics, understand its strategic depth, and discover the characters they will encounter.
Immersive gaming-style
When Creating a gaming-style website for Gods Unchained we focused on the small details that bring the entire design to life. Dynamic effects, icons, and decorative elements all work together to capture the game’s rich, strategic atmosphere. Every visual choice — from subtle animations to UI components — enhances players immersion, making the site feel like an extension of the game itself.
Many Layouts for many stories
To accommodate the game’s numerous DLCs, we developed a modular template that streamlines the process of launching new content. By working with Figma and Webflow, we created a seamless system where design assets — standardized in size and format — are prepared for direct implementation.
This template ensures consistency across multiple DLC releases while allowing flexibility for customization. With a Figma file and a structured asset library, the client can efficiently manage updates, making the release of new expansions faster, more scalable, and visually cohesive.
Seamless transitions
animations play a crucial role in enhancing the immersive experience. We combined multiple technologies to achieve smooth, dynamic interactions, using Swiper.js for fluid transitions, custom JavaScript and CSS for tailored animations and effects, and Rive to deliver high-quality motion design.
GODLIKE
PRESENTATION
BEHIND THE SCENES
Accessible card database
Creating an intuitive and scalable card database for Gods Unchained required pushing beyond Webflow’s native capabilities. Since Webflow’s CMS alone couldn’t handle the complexity of a dynamic card catalog, we integrated an external database and leveraged Finsweet, a powerful library of Webflow enhancements. This allowed us to implement advanced features like API-based data loading, filtering, tab navigation, and pagination, ensuring a smooth and responsive experience for players browsing the vast collection of cards.
VALUE
A new home worthy of Gods
Bringing Gods Unchained to life in the digital space meant creating more than just a website — it required crafting an immersive, interactive experience that reflects the game’s depth. From dynamic animations and modular templates to a interactive card database and seamless UX, every element was designed to honor the game’s success in the web3 gaming world. By pushing the limits of Webflow, integrating custom code, and drawing inspiration from the game’s lore, we built a digital home truly worthy of the gods.
