Web design and development for MetaSaviors

tab_image
Region
Netherlands
Industry
NFT
Platform
Web
Project volume
200 hours
Team size
4 people

Delivered by WarmDevs

  • UX/UI design
  • Lottie animation
  • Webflow development
  • QA & bug fixing
Go to website
About the Project

MetaSaviors is a collection of 8004 soldiers of the Metaverse. There are 4 factions of heroes, which are stored as ERC-721 tokens on the ethereum blockchain ready to save the Metaverse.

Metaverse is a new kind of entertainment that unfolds the unseen types of innovative experiences. The main goal was to create a Metaverse-Native franchise and expand the boundaries of the recreational activities along with the community of crypto enthusiasts, NFT experts, and meta supporters.

Challenges & Solutions

Challenges

Solutions

The main task was to develop the UX design that would take the user to the Metaverse. In other words, to ensure the interactivity of the design.
Having explored the MetaSaviors universe, we created the necessary wireframes to resolve tech tasks. We have also worked on a UI design that matches the concept of the given NFT.
To make the website design interactive.
To make the website design interactive.
Show the concept of the website on the landing page.
Show the concept of the website on the landing page.
Create a project presentation for the investors.
Through Pitchdeck, we prepared the presentation for the investors. Also, we created banners for social networks for further project promotion.

Technologies
We’ve Used

Metasaviors Client
Chief Growth Officer | Metasaviors
arrow_icon

We were looking for experienced Webflow web developers for an exciting NFT project. The UX goal of our project was to take the user into the metaverse.

Most of all we appreciate the ability to communicate thoughts clearly and timely implementation of project tasks. Communication and delivery from WarmDevs were really great.

arrow_icon

Get free consultation

Book a Call

Our
Process

arrow_imagearrow_group

We subdivide the work on each project into milestones. Determine what competencies we need to fulfill the task, calculate the work time of each expert and align everything with the client. After signing the contract, we allocate a separate team for the project. The project manager directs and supervises the process.

Project scope

Discovery
  • Gathering requirements
  • Interviewed the team
  • Project Setup
  • Created the road map
UX/UI design
  • Customer journey map
  • UX/UI design
  • Chosen style, colors, typography
  • Lottie animations
Web development
  • Webflow development
  • Mobile/Tablet design
  • Deployment
  • QA & bug fixing
  • Layout
Presentation
  • Create presentation for investors
  • Prepare banners for social networks

Discovery

During an online meeting, we stipulated the main objective of the NFT project – the creation of the franchise in Metaverse. MetaSaviors has its own team of 3D artists, specialists in virtual reality, designers, and screenwriters. They’ve designed a unique collection of 8004 soldiers and apart from that, they’ve developed a free NFT for collectors, that interweaves into the MetaSaviors storyline.

WarmDevs' primary goal was to demonstrate a user roadmap that leads to MetaSavior. This is the route from a player or a collector to a project partner in the franchise.

According to the task, we set milestones: UX design development, UI, Lottie animations, Webflow layout, mobile adaptation, QA, preparing a presentation to attract investors, and creating banners for social media promotion.

UX/UI design

In terms of design, the overall aim was to work on a call to action and take the user into the MetaSaviors universe. The website was created on the landing page. It assists in conveying the main message in a laconic, uncluttered way.

We decided on the website style, colors, fonts and made wireframes and UI designs in Figma.

With the help of Lottie animations we brought to life heroes of the given NFT, which came together as MetaSaviors whenever a user scrolls down the page.

arrow_green
arrow_orange
arrow_green_reverse
arrow_orange_reverse
skiparrow in circle
MetaSaviorsMetaSaviors

Site map

Primary Color Palet
Case study MetaSaviors | Warmdevs
Typography: 
Roboto
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9

Web development

We have employed Webflow platform for website layout. This platform would allow the client to make changes in the course of project development without our intrusion. Before passing over the product, we checked the website performance in different browsers and on various devices (QA and bug fix). This website is easy to optimize for the further SEO advancement.

Delivered Value

arrow grouparrow bigger
  • The client will be able to make necessary changes independently without the developer’s help thanks to the Webflow platform.
  • This website is easy to promote on the Internet, so those who are interested will enjoy all the benefits of the platform.
  • The final product and the presentation will highly contribute to finding new investors for this NFT.
Metasaviors Manager
Andrew Maksimchyk
Sales Representative | Warmdevs
arrow_icon

Mitchell and the team are great clients. That was wonderful to create an amazing NFT website together with them.

We are impressed by their idea to make something bigger than just another NFT. MetaSaviors invents new worlds and characters in Metaverse and offers a brand new business model.

arrow_icon

Get free consultation

Book a Call
Book a Call

Case Studies

Let's scale your business today

Schedule a consultation with our representative to talk about development services with no obligations from your side. Take a part in a professional discussion that will provide you

A reply from our manager within 24 hours
Eye icon
Approved time of a meeting convenient to you
A folder icon
WA signed NDA provided the project information needs to be confidential
Graph icon
Defined project scope, specifically the requirements, deadlines, and cost estimation