Pictographs WEB

Pictographs Case Study: Web3 Game With NFT and Play-to-Earn Mechanics

Brief description

WEB 3.0 system for secure P2E game deposits, NFT purchases, and withdrawals

Task

Build a system for topping up a P2E game without violating community rules within the Apple Store and Android app stores

About the project

An additional web version of the project was delivered with crypto wallet connection, NFT and token support, a multichain architecture, and smart contract management for depositing assets into the game.

Business benefits

•THE BUSINESS COULD INTEGRATE THE REQUIRED CRYPTO-ASSET FUNCTIONALITY WITHOUT RISK OF THE APP BEING BLOCKED IN THE STORES

•GRANTS FROM NETWORKS WERE SECURED THANKS TO THE MULTICHAIN INFRASTRUCTURE

•STABLE NFT SALES GROWTH OF 60% PER QUARTER IN THE FIRST YEAR OF THE PROJECT

Features

Web3 authentication

Connection via popular wallets (MetaMask and others)

Message signing to confirm address ownership

Profile binding

Creating a profile based on the wallet address

Linking the address to the game account

Ability to sign in again through the same wallet

Deposit and transfer of assets into the game

Topping up the in-game balance

Transferring tokens from the user wallet to the game contract

Network check before the transaction

Display of operation status

Working with NFTs

Transferring NFTs from the wallet into the game infrastructure

Collection match verification

Displaying NFTs in the game profile

Wallet-to-wallet transfers

Direct asset transfers by address

Support for tokens and NFTs

Recording transactions in the user history

Support for legacy smart contract versions

Backward compatibility

Support for previously deployed contracts

Ability to interact with older token and NFT versions

Migration logic

Switching between contract versions

Displaying assets regardless of version

Development and deployment of new smart contracts

Writing custom NFT contracts

Configuring mint logic

Metadata management

Deployment across different networks

Deploying contracts on multiple blockchain networks

Contract version control

Deployment correctness checks

Multichain infrastructure

Working with different blockchain networks

Network selection when connecting a wallet

Chain ID correctness checks

Deposits and withdrawals across networks

Top-up on the selected network

Withdrawing assets back to the corresponding network

Token-to-network match control

Unified interface

Displaying assets regardless of network

Automatic interface adaptation to the selected network

Transaction control and security

Checking transaction status via the blockchain

Error handling on network switch

Displaying the transaction hash

Logging of all operations

Technology stack

The Pictographs WEB project uses the following technology stack:

1. Frontend:

Next.js (13.4.2)

React (18.2.0)

Tailwind CSS and DaisyUI

Mantine and Headless UI

React Query and TRPC

2. Backend:

Ethers and Web3.js

Wagmi

Work with the client

*Important: this is not project work — it is work with the client specifically, and it is not in the estimate or commercial proposal. This is what we do to increase the probability of product success.Systematic knowledge transfer: from vulnerabilities to growth pointsIt matters to us that after delivery the client is not left alone with market reality. Parallel to development we built a separate competence-transfer track. The Defence.investments team walked through the business architecture of the product with the client in detail: how metrics connect, where cash gaps form, which user actions signal upcoming churn. Separately we reviewed the marketing touchpoint chain that actually converts now — not a year ago. As a result the project owner received not only a technical platform, but the ability to diagnose the business independently and anticipate critical forks — moving from a “novice” role to a strategist role.Our goal is not just development — it is our client’s success.