“A token sale protocol is only as fair as its user interface is accessible.”
In 2019, Truebit set out to revolutionize cryptoeconomics by launching the Interactive Initial Coin Offering (IICo), a token distribution model co-authored with Vitalik Buterin to stop whale manipulation and gas wars. While the underlying smart contracts were theoretically brilliant, they were practically un-usable for the average investor without a graphical interface. To participate, users needed real-time charting, interactive bid ranges, and the unique ability to “poke” invalid bids out of the system.
Our team was tapped to architect and launch the official IICo Interactive DApp. Built on React and Next.js, the application successfully integrated with MetaMask to provide a seamless Web3 transaction flow.
Dashboard Page
Dashboard Page
The defining engineering triumph of this project was bridging the data gap: we constructed a high-velocity ingestion pipeline that scraped cryptographic smart contract events directly from the Ethereum blockchain and structured them into an indexed SQL database, powering the platform’s real-time predictive data charts..
The Ethereum Event Latency Problem: A core feature of the IICo was game-theoretic clarity: users needed to see the total valuation curve fluctuate live to decide whether to withdraw or adjust their personal valuation caps. Querying the Ethereum blockchain natively via RPC nodes every time a chart re-rendered was computationally impossible and drastically slowed down page speeds.
Relational Order in a Decentralized Paradigm: To keep gas fees minimal, the on-chain smart contract utilized game-theoretic “poking” (allowing users to invalidate bids whose valuation caps were crossed). Mapping these dynamic, changing states chronologically required complex data querying. The data had to be indexed into a traditional relational SQL database, yet it had to remain 100% synchronized with the immutable truth of the blockchain.
The Early Web3 Onboarding Wall: In 2019, MetaMask and browser-based Web3 providers were notorious for brittle connection states. The UI had to gracefully manage Hex data injections, shifting network RPC blocks (like the Rinkeby Testnet deployment), and varying provider transaction feedback loops without crashing the UI state.
Bid List Page
Poke Bid Page
To resolve these friction points, we built a dual-engine architecture: a high-fidelity Next.js consumer interface powered by a continuous blockchain-to-SQL listener.
Block Listening: (Web3 Provider Connection) Our service maintained a persistent connection to Ethereum nodes, listening for specific Smart Contract event signatures (BidSubmitted, BidWithdrawn, BidPoked).
Payload Transformation: (Relational Mapping) As blocks were mined, raw Hex strings and BigNumber values were captured, decoded, and transformed into flat relational data rows.
SQL Insertion: (High-Speed Indexing) The transformed records were immediately committed to an optimized SQL database, mapping buyers, contribution ranges, and active valuation thresholds.
Collaborating on Truebit’s design vision, we focused on rendering complex data sets into simple visual tooling. The frontend featured:
Live Valuation Sliders: Allowed users to visually map out what their personal token share would look like at different market caps before confirming their transactions through MetaMask.
Interactive “Poke” Visualizers: Highlighted invalid bids dynamically, giving observers a clear target to initiate on-chain “poking” transactions and claim network rewards.
Replacing complex smart contract calls with structured database streams turned a theoretical auction paper into an active, highly responsive trading terminal.
Production Readiness: The prototype successfully deployed on the Rinkeby Testnet, validating the IICo’s dynamic price discovery mechanisms under simulated market loads.
Sub-Second Chart Latency: By serving the valuation curves from indexed SQL caches rather than the blockchain, chart interactions loaded with native web application speed.
The Team & Technical Ecosystem:
Our engagement with Truebit extended far beyond complex blockchain engineering. To successfully launch a revolutionary cryptographic paradigm, the company needed a visual identity that felt as cutting-edge as its underlying math. We stepped in as Truebit’s full-service agency partner to bridge the gap between deep-tech protocol logic and market-ready enterprise branding:
We designed Truebit’s comprehensive visual brand guidelines, establishing a bold, authoritative corporate identity. The design language balanced academic cryptography with modern tech aesthetics, setting a clear tone for their market presence.
Truebit Logo Dark
Truebit Logo Light
We designed and built Truebit’s main marketing website. The platform was optimized to serve two very different audiences: developers searching for deep technical documentation, and enterprise partners looking for high-level business use cases.
Landing Page
Ecosystem Page
Featured Page
Use Cases Page
Drop us a line to discuss your vision. We love partnering with ambitious teams to create beautiful software and experiences that stand out.