How We Developed a Unique and Interactive NFT Avatar Service

first_main_imagesecond_main_imagethird_main_image

Front-End 

From Scratch 

Full-Stack Development 

PM 

QA 

Back-End 

Visit website

01

How we developed a unique and interactive NFT Avatar service

  • The client

    Our client is a US-based SEO agency that helps brands and businesses grow online with advanced digital marketing techniques. This company assists others in reaching more customers, generating leads, and developing SEO & SEM advertising campaigns. The client focuses exclusively on servicing businesses and brands from medical and healthcare verticals.

  • Challenges

    The company has been operating in the national and global markets since 2017. It has regular clients and a trusted reputation. But despite the solid position in marketing and success, it started feeling pressure from competitors whose number is steadily growing. So our client realized that they needed to innovate to stand out from the crowd and preserve competitiveness.

    That’s why the company came to Wetelo with the request to create an NFT avatar service that could increase the brands’ names of their clients and make them more visible and recognizable.

first_section_image

02

How Wetelo approached an NFT product development

We started the development process with product discovery to define what features to add and what technologies to choose. During this phase, we interacted with the client to be sure that we were on the same wavelength.

Our client’s vision of the solution was the exact concept of Gravatar for creating artistic avatars. But we suggested making this service more trendy by using NFTs and Web3 to ensure better customization and personalization and guarantee that avatars cannot be replicated.

Then, we brainstormed to define the core features of the solution and tech stack to make the service speedy and scalable.

second_section_image

So we offered our client the following:

  • NFTs and Web3

    Build the solution by using NFTs and Web3

  • Assign an avatar

    Assign an avatar to Ethereum Name Service

  • React and Nest.js

    Develop a full stack by using React and Nest.js

  • Migrate the service

    Migrate the service to AWS

03

Personalized and unique avatars with NFT and Web3

As our client needed unique avatars that would differentiate their customers from others, we made a decision to use NFTs and Web3 to ensure also better customization and personalization. Connecting to Web3 was pretty relevant in this case to protect ownership and enhance privacy. What’s more, Web3 allowed users not to share their information with third-parties services.

The use of NFT and Web3 allowed us to power the avatar service with the following traits.

Personalization

First, we enabled the creation of avatars using NFTs or ordinary pictures to make them personalized and express users’ unique identifiable traits. As a result, users can digitally represent themselves by underlining their personal identity.

third_section_first_image

Customization

Second, we offered the option of choosing different variants of avatar customization to provide users with the opportunity to create by using inspirational designs, illustrations, and graphic elements. That’s why for users, this is a chance to enhance engagement and develop personal branding.

third_section_second_image

Convenience

Third, for users’ convenience, we enabled setting and controlling avatars from one place.

third_section_third_image

Compatibility

Fourth, we made the avatar service compatible with such blockchain platforms as Ethereum, BNB, Polygon, Arbitrum, Solana, and Cronos to connect users with NFTs across these chains.

third_section_fourth_image

Integration

Finally, to enable purchasing and selling avatars, we assigned the avatar service to email, wallet, and Ethereum Name Service. As a result, users can easily change their avatars. Additionally, we integrated our solution with MetaMask to ensure interaction between a crypto wallet and blockchain.

third_section_fifth_image

04

Building full stack with React and Nest.js, and more for the Web3 solution

To build a quality Web3 solution and ensure its good work, we needed to use the following technologies.

Nest.js was a good option in this case because it’s great for building highly testable and maintainable apps. Moralis API allowed us to build faster and easily integrate Web3 functionality. PostgreSQL was chosen to power the Web3 solution with high performance. TypeORM was needed to connect to PostgreSQL and interact with it. So, it was a perfect combination to build a simple and speedy product.

Since interacting with smart contracts was required, we found that React was an ideal option. What’s more, React allowed the building of an engaging interface that was needed for avatar service.

fourth_section_image

05

Migrating to AWS

To make avatar service more scalable and ensure better accessibility and usability, we moved the solution to AWS. That step was necessary to deal with heavy traffic hassle-free and create more opportunities for further developing, maintaining, and scaling. Finally, for our client, migrating to AWS was also a chance to strengthen their business performance by employing their solution smoothly.

fifth_section_image

06

NFT-based avatar service: scalable, personalized, and interactive

After we finished the project, our client got a scalable, personalized, and engaging avatar service with core features. Currently, this solution is used by the company for their marketing goals like offering a personalized approach to their medical clients and reinforcing their brand names and personal identities.

As this avatar service is NFT-based, it provides ownership and monetization opportunities. What’s more, the integration of this solution in the healthcare and medical industries empowers our client with the capacity to bring innovations there.

Our client is satisfied with this collaboration as he received more than he expected. By using Web3 and NFTs, we managed to add more useful features that will bring benefits to users.

sixth_section_first_image
sixth_section_second_image

Looking for a reliable web development team?

Wetelo is your one-stop solution for full-cycle development projects – we deliver great results, on time.

More works