Elemental Battles

Elemental Battles

Elemental Battles

Elemental Battles is an eight-lesson, game-based coding tutorial designed to introduce developers to the foundational elements of the EOSIO codebase. Through interactive gameplay, the course guides users from writing smart contracts to front-end development and working with blockchain data, ultimately teaching them how to build a fully functional application on the EOSIO platform.

Client

Role

Game Art Product Design UI & UX Design

Industries

Blockchain

Date

2019

Dashboard Sidebar Close Up
Dashboard Sidebar Close Up
Dashboard Sidebar Close Up

Role & Team

I collaborated closely with marketing, product, and development teams to deliver the project within a tight one-month timeline. My focus was on shaping the user experience and visual direction while aligning gameplay, learning objectives, and production constraints across disciplines.

Project Goal

The goal of Elemental Battles was to create an engaging and approachable learning experience for developers building decentralized applications on EOSIO. By framing complex technical concepts within a game-based structure, the project aimed to make blockchain development more accessible, interactive, and enjoyable.

Full Dashboard
Full Dashboard
Full Dashboard

Target Users

The primary audience consisted of developers with prior experience in C++ who were interested in exploring and building on the EOSIO blockchain.

Extracted currency modules
Extracted currency modules
Extracted currency modules

UX & Visual Design Approach

Before moving into wireframes and digital flows, we tested a physical card game prototype to validate instructions, pacing, and gameplay logic. This hands-on approach helped uncover usability issues early by simulating different gameplay scenarios. In parallel, we analyzed competitor online card games to understand effective engagement mechanics and interaction patterns.

Insights from this research informed both the user experience and visual direction. Drawing inspiration from collectible card games such as Hearthstone, Elemental Battles adopted a fantasy-themed visual system built around three elemental forces—Wood, Fire, and Water. This structure supported clear progression, reinforced learning concepts, and enhanced immersion through visual storytelling, while remaining approachable for developers new to the platform.

Full Dashboard with Sidebar
Full Dashboard with Sidebar
Full Dashboard with Sidebar

Project Learnings

Elemental Battles was one of the most challenging projects I worked on due to the compressed timeline and the volume of assets required. Delivering a complete learning game within a month required close collaboration, rapid iteration, and strong prioritization. Seeing users enjoy the experience and successfully use it to build on EOSIO reinforced the value of combining thoughtful UX design with engaging visual systems when teaching complex technical concepts.

© Copyright 2026 by Julia Lam.

© Copyright 2026 by Julia Lam.

© Copyright 2026 by Julia Lam.

Create a free website with Framer, the website builder loved by startups, designers and agencies.