project overview

Description

MonsterX, is an exciting NFT-based asset which you an opportunity to win a limited-edition premium watch. Owning it is extremely easy and maintaining it is even easier, as being an NFT-based asset, there is no place for any worry of it getting stolen.

The creators of MonsterX are of the opinion that users must always be safeguarded from first copy or counterfeit products. So, to address this issue creators of MonsterX bring to you the genuine product in form of NFT which can be brought as an asset and when felt can be sold easily.

Main Objectives

  • To build a robust brand image for the product to boost the brand’s reputation by rightly connecting to the target audience and establishing a great rapport.
  • To boost more trust and confidence towards an NFT-based asset, which will further drive users to own the product.

our Goals

User stories & User Flow

High Fidelity Wireframe

Prototyping User Testing

User Interface & Visual Design

tools

Design process

Understand

Brief Breakdown

MonsterX is an NFT-based (Non-Fungible Tokens) digital asset that can represent a real-world premium watch. MonsterX as an asset can be traded in Marketplaces, which are specially created as a special type of trading platform, which is very popular among users.

Like every product that is premium starts facing some other challenges in form of counterfeit products which are sold as its first copy. The segment of premium watches too faces such an issue and to address it, the creators of MonsterX brought this innovative idea in form of NFT.

Currently, the NFTs are increasingly accepted by people all around the world in form of games, arts, and collectibles, which are already traded by users at their convenience. Further, Monster X allows the original buyer to stake and unstake this as an asset so that the user is free to his wishes.

Research

We research thoroughly the prevailing conditions in the market before ideating the product and conduct a detailed survey regarding what features are demanded by our users. We design our product in such a way that the possible shortcomings of the product get conveniently eradicated and we create an optimal flawless product in the shortest possible timeline.

Competitive Analysis

We keep ourselves continuously updated with the ongoing global trends about the product, user behaviors, and our potential competitors.

We carefully analyze our potential competitor’s strengths and weaknesses in comparison to ours to find a gap in the market for our product. This lets us have a greater picture of the competition around us and helps us in emulating even higher success than our competitors and avoiding any possible failure.

define

User persona

User persona

Marc Anderson

Mechanical Engineer

Marc is a mechanical engineer, who is working with a major automation company based in Brussels, Belgium. Traveling around the world is his passion and he has had a keen interest in emerging technologies since his teenage years. Working in the automation sector made him dive deeper into the technical field and now he is fascinated by NFTs, where collecting valuables became his other passion. Marc brought the MonsterX premium watch as a collectible and proudly showcases it as a rare limited edition collectible.

Age

25

status

Single

location

Mansoura, Egypt

goals

  • To become a valued owner of NFT-based assets which can be effectively traded at the global level.
  • To collect all creatively limited collectibles in form of NFT as an asset.

needs

  • Wants to know more about nuances of NFT-based assets.
  • Wants to learn more effective trading from NFT-based assets in the future.

pain points

  • Being new in the arena of Metaverse, he finds himself a bit confused.
  • Take much time for a novice to learn about NFT-based assets.

personality

  • Art Enthusiast
  • Extrobert
  • Cautions

Empathy Map

says

  • An NFT’s value comes from its uniqueness and the extent it allows artists to earn from their creations.
  • Since this Marketplace has all facilities to buy and sell, so I will be creating an account to start trading in NFTs.

says

Empathy Map

thinks

  • Being a part-time hobbyist this NFT platform would be great to showcase my art as an artist.
  • Worried about whether my arts in form of NFTs would convince buyers or not?

thinks

does

does

  • Researches on NFTs and Cryptocurrencies.
  • Read articles, blog & watching video to understand NFT.
  • Research on different NFT platforms.

does

feels

feels

  • What if I lose my money if I invest my money in NFTs, as I have heard many people had been duped in name of NFT?
  • Will I get a good return on my invertments?
  • Is it safe to trade on NFT platforms?
  • This is the right time to dive into the NFT Marketplace, as I feel apart from my job, NFTs would provide me with some passive income.

feels

ideate

User Flow Chart

Information Architecture

prototype

Hi-fi Wireframes

Visual Design System

Typography

Typography is the art and science of font style, appearance, and structure which creates harmony and consistency in a design. Hence, we used the font Integral & DM Sans which is simple and easily readable.

DM Sans

Style

Font weight

Font Size

H1

Bold

57px

H2

Bold

32px

H3

Bold

24px

H4

Bold

20px

H5

Bold

18px

Body1

Bold

16px

Body1

Med

16px

Body2

Med

14px

Caption1

Bold

13px

Caption1

Reg

13px

Caption 2

Med

12px

Caption 2

Med

11px

Colours

We use colors in such a way that it harmonizes perfectly with the UI/UX and looks relatable to the product attractively.

Primary

#32CCB8

#B743F0

#820FBA

#820FBA

Secondery

#F1F1EF

Secondery

#F1F1EF

Gradient

#32CCB8 - #B743F0

#FF9C00 - FFDB03

Gray

#FCFCFC

#F8F8F8

#F0F0F0

#DCDCDC

#888888

#5E5C6F

#333333

#222222

Success State

#02971C

#009846

#36EA88

Error

#FD0025

#FE3F61

#FF7E86

Warning

#EB3800

#FF6711

#FF9922

Iconography

We have used a range of recognizable and noticeable icons to communicate features and functionalities as the usage of recognizable and clear icons help in navigation as most users perceive images faster than words.

Components

Material Components are interactive building blocks for creating a user interface.

test

Usability Testing

The phase of testing is somewhat relatable to the beta version which is launched prior to the final launching of the product. During this testing phase, we share the wireframe link with the potential people within our organization, who have vast knowledge and experience regarding product design

Making changes based on User Feedback

We collect vital feedback from those users within our organization, who under the testing phase were given the link of wireframe. Further, we evaluate the pros and cons of each feedback received from them in terms of applying them in practicality and how it can affect the functioning of the final product. Finally, after evaluation, we work upon those changes which can be implemented in the product, and finally, this helps us in launching the product flawlessly.

Actual design

Explorer nft’s

nft detail page

checkout screens

Thank you