top of page
Lion Blau

Lion Blau

NFT Utility Builder

The NFT Utility Builder is a creation interface that lets creators design and launch utility NFTs with web-2 grade ease. In one flow, you add metadata and media (with inline image cropping), attach questions and token-gates, and target audiences by Discord role, Lens community, specific NFT or token holders, Twitter actions, interests, or the Tropee community—while seeing a live count of matched wallets.

Screenshot 2025-11-16 at 12.05.18.png

This project focuses on developing and rethinking Tropee’s formerly known as Utility Builder, into the Tropee Builder/Creation Interface, allowing users to build utilities for Non-Fungible Tokens (NFTs) that are also NFTs. In recent years, NFTs have gained popularity, and there is a growing demand for tools that enable owners to enhance the functionality of their NFTs. The Tropee Builder aims to provide users with a user-friendly platform to build custom utilities for the web3 community, offering gated content to their owners. The interface will allow users to drag and drop pre-built components, customize the design, and test their creations before deploying them on the blockchain.

START.png
9. REVIEW SCREEN 2.png

⚒️ Builder UX

  1. Clear and intuitive interface: Ensure that your builder's interface is easy to understand and navigate, using a clean and simple design. Use familiar design elements and patterns to help users feel comfortable interacting with the platform.

  2. Contextual guidance and help: Provide tooltips, hints, or step-by-step guidance within the builder to help users understand the purpose and functionality of each option. Offer a searchable help center or in-app support for users who need additional assistance.

  3. Progressive disclosure: Reveal more advanced features and customization options only when they're relevant or when users express interest in them. This prevents information overload and keeps the interface as simple as possible for new users.

  4. Drag-and-drop functionality: Allow users to quickly and easily rearrange elements within the builder using a drag-and-drop interface. This offers a more intuitive and efficient way to organize and customize content.

  5. Visual feedback and real-time preview: Offer real-time previews of how changes will look, so users can see the impact of their customizations immediately. Visual feedback helps users understand the consequences of their actions and reduces the need for trial and error.

  6. Undo/redo functionality: Provide an easy way for users to undo or redo their actions, allowing them to correct mistakes and experiment with different options without fear of irreversible changes.

  7. Responsive design: Ensure that the builder works seamlessly on various devices and screen sizes, offering a consistent and enjoyable user experience.

  8. Templates and presets: Offer pre-built templates or presets to help users get started quickly and inspire their designs. This can save time and provide a foundation for customization.

  9. Save and autosave features: Allow users to save their work at any point and provide an autosave feature to prevent data loss in case of an unexpected issue, such as a browser crash or power outage.

  10. Comprehensive documentation: Offer clear and thorough documentation on how to use the builder and its features, as well as any best practices or recommendations for creating and customizing content.

⚒️ Builder UX for Web3

  1. User-friendly interfaces: Like other successful builders, Web3 builders aim to provide intuitive interfaces that simplify the process of creating and managing blockchain-based products. They often use drag-and-drop functionality and visual editing tools to make the experience more accessible for users without deep technical knowledge.

  2. Integration with blockchain networks: Web3 builders are designed to seamlessly integrate with popular blockchain networks, such as Ethereum, Binance Smart Chain, or Solana, allowing users to create and deploy their products on the desired network easily.

  3. Smart contract templates: Web3 builders often include pre-built smart contract templates for various use cases, such as NFT creation, token sales, or decentralized finance (DeFi) applications. These templates can be customized to fit the users' specific needs, significantly reducing the complexity of writing smart contracts from scratch.

  4. NFT creation and management: Web3 builders focusing on NFTs enable users to design, mint, and manage their NFT collections. They often provide a range of customization options, allowing users to create unique digital assets with various attributes, metadata, and utility functions.

  5. Wallet integration: Web3 builders typically integrate with popular cryptocurrency wallets, such as MetaMask or Trust Wallet, to facilitate secure transactions and interactions with blockchain networks.

  6. Decentralized storage solutions: To ensure the decentralized nature of their products, Web3 builders often incorporate decentralized storage solutions, like IPFS or Filecoin, for hosting digital assets and metadata.

  7. Interoperability: As the blockchain space evolves, Web3 builders are increasingly focusing on interoperability between different networks and platforms, allowing users to create products that can interact seamlessly with various blockchain ecosystems.

Flow/ Main creation

TropeeBuilderFlow.png

From forms to flows — evolving Tropee’s campaign builder (2021 → 2023)

In 2021, the builder was a single, dense form—upload slots, free-text fields, hidden “advanced options,” and no clear sense of who could claim or what the holder would see. In 2022, I reframed it as a guided flow with clear steps (Utility → Requirements → Settings), surfaced eligibility rules (NFT/POAP), added a live preview of the claim card, and introduced Save as draft / Publish to reduce decision friction. In 2023, we shipped a new creation experience: progressive wizard with templates, inline validation, reusable requirement blocks, audience estimation, scheduling, and cap controls (FCFS/raffle), and real-time previews throughout. Result: faster time-to-publish, fewer misconfigured campaigns, and a calmer, more legible path from idea to live utility.

POAP 242.png

2021

POAP 23.png

2022

bottom of page