⏳ Limited Time Offer: 50% off on All Plans + Multiple Active Tasks. Use Code: NEW50

Redesign by Draftss

Website redesign for virtual reality metaverse. Rebuild the website's Information Architecture (IA) to increase the retention and conversion rate.

Jinxxy

Virtual Reality Metaverse

The Company

Jinxxy adamantly claims to be one of the largest NFT marketplace. A broad variety of non-fungible tokens are available, including collectibles, censorship-resistant domain names, art, trading cards, sports, and virtual worlds. ERC721 and ERC1155 assets are included. Exclusive digital assets including Axies, ENS names, Crypto Kitties, Decentral, and more are available for purchase, sale, and discovery. They offer more than 700 distinct projects, such as digital art projects, trading card games, collectible games, and name systems like ENS (Ethereum Name Service).

Services

UX/UI Design
Rapid Prototyping
UI Development
Product Design

The Challenge

Jinxxy’s website, didn’t reflect the dynamics. Aesthetically it was a visual dumping ground which didn’t do justice to the brand purpose. There was no structure to the content. It amplified confusion rather than coherency. We needed to create a system and that could logically to represent a wide breadth of content they started producing, including e.g. Virtual Reality products, Crypto etc. Also, to this it was important to come up with a modern and appealing visual style that will shine a light on the brand personality.

The Solution

We felt the website already had all the content but a little too much of it. It seemed like information was put on the website just because it was there. It needed some restructuring and a visual boost to take it to the next level. The idea behind having a dark background as it directs attention straight to the hero of the website, the product itself. The first thing We did was add some social proofing to the top end of the page. This is a matter of choice. It adds some assurance right at the start when the person is getting to know about the product.

Style Guide

Colors, Fonts & UI
Components that we
used for the project.

Colors

#1A1D1F

#606770

#12C0DD #FF00D7

#DDDDDF

#3A3B3C​

#FFFFFF

#12C0DD

#FF00D7

Typography

Inter
Primary Font
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

Light 

Regular

Medium

Semi bold

UI Components

Designs
Key Takeaways
Ineffective Search Bar
  • The Search Bar should somehow inform the user on what it is capable of.
To get more conversions
  • We decided to have ‘Contact’ as a primary CTA on the header so that it gets user attention was missing earlier.
Incoherent layout
  • Every section was visually connected to each other yet felt apart from whole layout.
Crisp visuals
  • Tried to have more impact with fewer words
User Interface For Web​
Rebuild the website’s Information Architecture (IA) to
increase the retention and conversion rate.
Checkout More Case Studies

Hire Design & Dev team
on subscription.

🏆  #1 Unlimited Design, Motion Graphic & Development Subscription Service

  • Great Designs
  • Faster Output
  • 2 min Setup
  • Cancel Any Time
VIEW PRICING

Unlimited Graphic Design & Landing Page UI, Human Illustrations & Design Service on Subscription.

Copyright © 2024 Draftss. All Rights Reserved.