Meta Master

Live Site

Meta Master

Role

Visual Design

UI/UX Design

Web Development

Industry

Landing page

Date

March 2022

Created By

Adil Shehzad

About project

NFT IQ is a web3 technology and data company that specializes in expanding the value of physical and digital assets using blockchain technologies such as non-fungible tokens (NFTs). They offer a platform and full stack solution for brands that want to launch, mint, and market NFTs.

Brief

We created the landing page for Meta Masters. Master Ventures is a blockchain focused Venture Studio incubating and building the most sought after projects in the gamefi and blockchain space.

Target

Inform, Pre-Sel, and Drive Prospects To Demo

Storage Scholars website on laptop and mobile

First screen of homepage

Following the principle of user-centered design, “Give visitors what they’re looking for,” we implement the following strategy

Redesign process

We used mind-mapping to envision the website’s information architecture, prioritize the hierarchy of pieces, and create a fully functional website. To enhance the overall UX, we must anticipate their needs and present relevant information at each step. As a result, the site structure is influenced bt various user types. It was able to simplify user flows between sites based on this by deleting unneeded pages, combining existing ones, and creating new ones as needed

User research

Understand your client first

Wireframe

Low-fidelity version for website

Create Style guide and components

To make design look consistent

High-fidelity design

Make them to be prettier and more attractively

Build in Webflow

Make design come true

What challenges have our designers overcome?

A lot of links on header

See solution

Instead of showing all links on header, we created hamburger menu on the top-right. Users will click to the icon and it will show all the menu.

The content is too long

See solution

For users to quickly read all the content, we have placed links so that when clicking those links, they will scroll down to the right content to see.

After redesign

Typography

DM Sans

DM Sans is a low-contrast geometric sans serif design, intended for use at smaller text sizes. This font is modern, easy to read and make we feel friendly. DM Sans supports a Latin Extended glyph set, enabling typesetting for English and other Western European languages. It was designed by Colophon Foundry (UK), that started from the Latin portion of ITF Poppins, by Jonny Pinhorn.

Colour Pallete

Gray is a neutral color and is the foundation of the color system. Almost everything in UI design — text, form fields, backgrounds, dividers — is usually gray. Clients also want to use a gradient combining pink and purple. This gradient is used for buttons to attract attention.