HOLD

Altered State Machine

Altered State Machine

  • Brand

    Altered State Machine

  • Timeframe

    2 months

  • Awards

    Awwwards x 2

    CSS x 4

Visualizing how the new world of AI bots interact and compete with each other

Altered State Machine is a platform that lets you build, train and trade AI agents using non-fungible tokens (NFTs) for gaming and financial purposes. The protocol enables anyone to own an AI agent and the machine learning models that define what it learns over time. Owners pair an NFT intelligence agent (a Brain) with NFT artwork (a Form) to make their Agent in Metaverse.

For the collaboration with ASM, we created the entire website, including brand identity, animation, 2D and 3D illustrations dripping with sci-fi and futuristic vibes. We used tools like TypeScript, EJS, BodyMovin, Lottie, and GreenSock.

View Website

Building a brand identity through dynamic visuals

Our goal is to visualize the idea of premium NFT by bringing together brand identity with logo, color palette, and fonts. We used a visual metaphor of futuristic cosmic objects with the metallic glow to the smallest of them. The target audience of this project is investors, so in the visuals, we emphasize the value and integrality of these objects and give their presence a subtle weightiness.

Coding with personal development tools

Our IT specialists made their exclusive template for developing landing pages, assisting the client in creating platforms for every device type faster than making it from scratch. Additionally, it makes us focus our time where it makes a difference: for example, all the animations are hand-drawn. We also used BodyMovin to export an extensive library of Lottie animations at an accelerated speed. It's about user experience — making it insightful, vivid, and accessible.

ASM

You guys have made us such a beautiful website and graphics to play with — so thank you!

Carmen McDonald, Communications Manager

ASM
Result

What is the result?

  • Designed and developed a website with 2D and 3D animations and illustrations in a limited period of time

  • Used our exclusive Zajno template for landing page development

  • Created ASM brand identity from scratch

  • Met a project schedule without additional corrections from the client

  • Won 2 trophies on Awwwards and 4 on CSS Design Awards

  • Used over 100 animated elements of interface for the project

ASM

Awards & Recognitions

  • Awwwards

    Honorable Mention

  • Awwwards

    Mobile Excellence

  • CSS Design

    Special Kudos

  • CSS Design

    UI Design

  • CSS Design

    UX Design

  • CSS Design

    Innovation

ASM

Have a project for us?

Let's Collaborate
Keep Scrolling
Close