"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam"
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