100
%
A big blue ball with the glare and the shadow on it.

Crypto
Knights

The landing page for the NFT card game
The 3d render of the shield with black cross.The blue beam of the light.

Niche

Cryptocurrency,
Video Games

Services

UX Research

UI Design

Prototyping

Web Design

Adaptive Design

Graphic Design

Copywriting

The project is dedicated to the online card game with medieval knights. The game is based on cryptocurrency with NFT characters and has different game modes. This is the concept project.

The goal of the project

The main purpose was to create a landing page with an efficient selling marketing structure and expressive calls to action.

The description

All work began from the huge UX Design stage. Tons of websites were observed and studied to find the right direction.

I provided the personas method to define the targeted audience and consider their pains and expectations of the product. Then I used this information to develop a structured wireframe. In the next step, that wireframe was transformed into a mockup of the website with a layout of content and graphic elements. For me, it’s always the most difficult part of the Design Process.

But the most interesting and exciting part was the process of creating game cards for content. The main idea was to create an atmosphere of video games about ancient warriors and battles. Images of medieval knights with their weapons and ammunition become the core of the future cards. I developed some vector icons and elements (such as shields, flags, and scrolls) and added them to the design of the card. My childhood dream came true — I felt like a real game developer.

Niche

Cryptocurrency, Video Games

Services

UX Research

UI Design

Prototyping

Web Design

Adaptive Design

Graphic Design

Copywriting

The mockup with the black and white knight and the monitor with the hero section of the landing page. The background is transparent.

typography

and colors

Brand guideline for the landing page consisting of the logo, main used fonts and brand colors.

UI/UX design

Wireframe
The green wireframe of the landing page.
Personas
The mockup with the two user personas for the landing page.

layouts

The layout of the web page with the game cards and short descriptions.The tablet with the two blocks of the landing page on the display.The tablet with the error 404 page of the landing page on the display.

game cards

The mockup with the game cards with weapon and knights on it. The brown mountains are on the background.

mobile design

A mockup of Iphone with the landing page advantages section preview.A mockup of Iphone with the landing page hero section preview.A mockup of Iphone with the landing page description section preview.

Animation

Summary

I’m very satisfied with the final result. I could create an authentic website with a specific atmosphere. The light design without heavy graphic elements harmoniously completed this composition.

The mockup with the call to action in the two different devices. The white smoke is on the background.