Chain Clash, developed by Spielworks GmbH, is an immersive mobile web browser-based game that capitalizes on blockchain technology.
Our project goal was to create an intuitive and visually appealing user interface, elevating the gaming experience and promoting user engagement.
We focused on the target audience of gamers and crypto enthusiasts, crafting user personas to ensure a seamless and enjoyable experience for all players.
The gaming experience is centered on providing an immersive and captivating environment. While dedicated mobile and tablet apps, as well as console and PC games, leverage extensive hardware capabilities to enrich their visual language, in-browser mobile-first games face resource constraints. Chain Clash tackles this challenge by striking a balance between basic CSS parameters, vector graphics such as SVG, and micro animations, delivering a stable yet visually pleasing gaming experience for players.
inspired by the cybernetic society mood of Ghost in the Shell aesthetics, transports players into a world of pure digital expression, featuring subtle glitches and rich artifacts.
The dark environment is complemented by visually complex elements, precise line-work (SVG), and electronic-like forms and lines with chamfered or angled corners. Engaging glitchy transitions and micro-animations further enhance the experience, while floating particles and elements (JS) add a touch of dynamism.
inspired by the modern society phenomenon, transports players to a unique world of blockchain games, drawing similarities to the friendly environment of the Monument game but with a fresh, imaginative perspective suitable for all genders.
Set in a dark environment with glowing elements, the design features visually simplified elements with gradients (SVG), rounded shapes, and straight cuts. Vivid, juicy colors are combined with increased "white space," while pseudo-3D tilted elements add a touch of subtle dynamism (CSS).
inspired by a dreamy morning, immerses players in a clean environment with sharp lights and soft transitions.
The bright scheme features minimalistic line-work, origami-style shapes (CSS), and foggy colors with neon gradients and particles (JS). The hyper-minimalist design uses rounded, contrasting tilted shapes, with SVG animations and environments changing according to the character's status for an immersive experience.
The Spielworks team gravitated towards the Neo Stream visual direction, which steered our design approach. We incorporated dynamic colors, innovative shapes, and gradient lighting to mirror the cryptographic and harmonious essence of the Chain Clash project.
We selected the Exo Google font for its modern style and legibility. Our designs encapsulate the vibrancy of the digital era and groundbreaking innovations like blockchain, capturing the true spirit of Chain Clash as a pioneering game.