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

•Login without username and password

•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.