Marketplace • Belgium • Startup
Interactive application with Vue.js

Web3-based App - Case Study

A community-focused platform for NFT fans

jan-solecki-graphic
Jan Solecki INBOUND TEAM LEAD

Like what we do? Let’s talk about your project and build something your users will love.

The Company and Product

Our client is the premium “Collect-2-Earn” NFT platform that helps artists, celebrities, and brands enter the NFT space. Since their inception, they’ve expanded their network with new ways of bringing value to the NFT community. The range of their NFT-centered products includes unique drops of collectibles, a unique advertising billboard, and a community-focused platform. 

Web3-app-project-image
Monterail was able to adapt rapidly to the Web3 requirements and build a solid platform in co-creation with our product team. Alexander HEAD OF PRODUCT

Scope and highlights

  • 2WEEKS TO DELIVER FIRST FEATURE
  • 3TEAM MEMBERS
  • 6MONTHS OF COOPERATION

The Challenge

The project included tackling the current challenges and limitations of the NFT market which was really fragmented. The client came to us with a multi-layered plan that started with creating dedicated websites for releasing limited collections of NFTs.

The new designs of the social application were ready. However, the client needed Vue.js experts to turn the showcase website into a highly interactive application. The roadmap included users’ wallets verification, joining various blockchain wallets, integration with outside systems for data indexing and implementing social features e.g. following, sharing, likes, and collecting points for activity. The key thing was also integrating with the smart contract to enable staking.

Web3-app-laptop-mockup

As the NFT market is basically a shark tank and changes extremely fast, we needed to act quickly and stay highly flexible.

Key challenges of the project included:

The Process

We started the cooperation with a thorough understanding of the business model and most important aspects of Web3 development. In order to quickly gain an edge on the NFT market, the features were released almost every week. 

The ad board was rewritten to Vue.js and received a Node.js logic on the backend. To increase the visibility of the app in Google search results, we used the Nuxt.js framework. A fast and stable hosting of displayed images was possible due to AWS S3 Bucket service. In order to reduce high costs of exchanging NFT-signed images, we decided to leave this process off-chain. 

After refreshing designs of the user platform, key functionalities were implemented: creating accounts, joining various blockchain wallets, gaining points for social activity, and staking. The team of three experienced developers worked hand in hand with the client including daily meetings and knowledge-sharing sessions. 

Crucial parts of the cooperation:

katarzyna-kimel
Close cooperation between the development team and the client’s decision-makers was crucial while working in such dynamic business conditions. Frequent calls and direct communication hugely impacted the overall outcome. It was amazing to see developers and the client just get along with each other. Katarzyna Kimel PROJECT MANAGER

The Outcome

During our 5-month long cooperation, the client received four products: two dedicated websites for unique NFT drops, the first NFT curated billboard and community-focused platform for fans.

With the billboard placed in iconic spots like Times Square in New York, Ziggo Dome in Amsterdam, and Manchester, the client managed to bridge the gap between offline advertising and the online world of blockchain. The first batches of these advertising spaces sold out within under 2 hours.

The user platform became a highly interactive user portal allowing users to gather all their NFTs in a single space, displaying and curating them without needing to be a crypto expert. The Collector Points and staking mechanisms, which are in the beta phase [as of May 2022] make it attractive for NFT fans to join the platform, interact with others and generate yield.

The product roadmap for 2022 is filled with more milestones. The next innovative feature concerns entering the metaverse with their own digital museum connected to their NFT collection in virtual reality. 

The success of this project hinged on the following factors: