NFT Website

Close Project

Serpenta

NFT website with key pages for minting and staking

Serpenta Collection

Information

Years

2022

Industry

Crypto/NFT

Services

UI Design Website Redesign UI Kit Interactive Prototypes

Selected credits

Denis Didenko

Alexander Malinovskiy

Serpenta screen 01

Overview

Draconic love letter to Japanese and retro indie game characters. Stylish, fashionable and fiery dragon-kaiju personalities, collected on a dedicated website

Client

Serpenta is an NFT featuring 5555 Genesis Dragons. The website features staking and breeding which grants unique access to subsequent generations of dragonlings, hidden treasures, new NFT drops from Japanese artists and future access passes to other projects.

Solution

In response to Serpenta’s brief, we designed a website that places the Kaiju Dragons illustrations at the forefront. An economical yet vivid color palette was chosen to let the collectibles stand out, supported by unobtrusive background tones that don’t compete with the primary visuals. Interactive, gamified buttons were developed with multiple states that echo the tactile feel of physical controls, while a custom icon set was created to populate the mini-games with imagery purpose-built for the experience.

Challenge

Serpenta was looking for a playful website that puts an emphasis on character presentation and features gamified UI elements: finding artefacts, collecting and levelling up the Kaiju Dragons, and winning lootboxes — all alongside a secure wallet integration.

Serpenta screen 02
Serpenta screen 03
Serpenta screen 04
Serpenta screen 05
Serpenta screen 06
Serpenta screen 07
Serpenta screen 08

Landing

The user’s introduction to the project begins on the landing page, where an abundance of illustrations and a carefully balanced use of decorative elements convey the lore of the Kaiju Dragons. The landing page scroll incorporates moments of surprise through shifts in direction: when appropriate, the scroll transitions from vertical to horizontal, allowing specific content groups, such as the timeline event cards, to be explored in greater depth

Serpenta screen 09
Serpenta screen 10
Serpenta screen 11
Serpenta screen 12
Serpenta screen 13
Serpenta screen 14
Serpenta screen 15
Serpenta screen 16
Serpenta screen 17
Serpenta screen 18

Minting

As the cornerstone experience of the user journey, the Minting page balances clarity and visual richness. Key information is communicated transparently, complemented by ambient visuals that enhance the immersion. Collectables are presented through gamified cards, each with custom design

Serpenta screen 19
Serpenta screen 20
Serpenta screen 21
Serpenta screen 22
Serpenta screen 23
Serpenta screen 24
Serpenta screen 25

Staking

The staking page invites users to immerse themselves in the dragons’ lore, tracing their journey across the dimensions they inhabit. Through the collection of artefacts, dimension imagery is progressively revealed, allowing the story to unfold with a gradual progress

Serpenta screen 26
Serpenta screen 27
Serpenta screen 28
Serpenta screen 29
Serpenta screen 30
Serpenta screen 31
Serpenta screen 32
Serpenta screen 33
Serpenta screen 34
Serpenta screen 35
Serpenta screen 36
Serpenta screen 37
Serpenta screen 38

Serpenta World

Serpenta World reveals fragments of the dimensions the dragon has traversed, each unveiling offering the chance to obtain an artifact. This allows users to closely track the journey of their own Serpenta dragons, with unexpected discoveries awaiting at every step

Serpenta screen 39
Serpenta screen 40
Serpenta screen 41
Serpenta screen 42
Serpenta screen 43
Serpenta screen 44