Indrashish Dutta Roy - Splinterlands

My Role

Lead UI/UX Designer and Artist

Timeline

2021 - Present

Tools Expertise

Adobe Suite, Figma, React

Splinterlands is an Web 3 online strategy card game where players build decks and trade cards on an open marketplace and exchange

My Contributions

As the UI/UX Lead at Splinterlands, I manage the design of new features and systems, collaborating with cross-functional teams working on our Multiplayer card game.

Worked on -

Core Gameplay Screens

Battle Pass and Store Pages

User Onboarding and Social Systems

The Team Creation screen is where players build their decks before engaging in PvP battles. I was responsible for creating Wireframes, and final production UI and animation comps for this feature. Additionally, I developed an animation comp to preview all the necessary animations required for its implementation.

Our primary focus was on addressing the challenges of filtering and rulesets. Given that each battle features a random ruleset and players can have vast card collections, it was crucial to provide effective filtering options and ample visual space to allow players to see how their team is being constructed.

Animation Comp with Final UI

Here is the previous implementation before my redesign, along with the greybox wireframe I created.

Previous Implementation

Greybox Wireframe

Final UI which was implemented in game

In Game UI

When Cards are Selected

Storefront Designs - Battle Pass and Card Pack Stores

Led the design and development of the Splinterlands storefront, crafting intuitive user flows and wireframes that optimized the shopping experience. Successfully launched the Season 1 Battle Pass and two high-converting card pack sales pages. Additionally, I spearheaded the creation of custom animations and forms to elevate the storefront’s visual appeal and functionality.

Season 1 Battle Pass

Pack Sale User Flow

Pack Sale main Page

Animations and Art Assets

Designed and developed the card pack opening animation and crafted the card back artwork for the reveal screen, enhancing the overall user experience with engaging visual elements that added excitement and anticipation to key in-game moments.

Design System and Vector Art

Developed a comprehensive custom Figma design library, complete with all essential UI components, color schemes, and assets to streamline collaboration between developers and the UI team. Additionally, I designed numerous gameplay ability icons and accompanying animations.