thelegacy

theqube

  • Wireframing
  • Ux/Ui
  • Branding
  • 3D Motion
  • Front-end
Client

Qube is a crypto platform that joins an AMM DEX, an IDO launchpad, an NFT marketplace and a social space around its QUBE token.

What we did

The platform website, worked out in wireframes for the home, DEX and launchpad pages before the design, its mobile version, and 3D renders of glass cubes, a rocket and the token coin.

Crypto platform website for a DEX, launchpad and token

Qube, signed Qube Crypto Space, puts several crypto products under one name: an AMM-based DEX for swapping, staking and trading without accounts or ID checks, a launchpad for initial DEX offerings, an NFT marketplace, a social space for blockchain projects and the QUBE token that connects them. Our web design for the platform had to explain all five on a single scroll.

The home page opens on 'Transparent and secure platform that you can trust' with an audit mark and a Based on Sharia Law label, then runs through six benefit cards, the token's four roles placed around a coin, a product index, a quarterly development plan and a strategic partners wall. The DEX page follows with its own hero and a plain account of how the exchange works.

theqube
theqube

Wireframes for the home, DEX and launchpad pages

Before any colour went in, we laid the site out in grayscale. The case shows ten wireframe frames covering the home page, About, DEX, Launchpad, the roadmap and the contact block, whose footer links to the whitepaper, tokenomics and audit report. Every spot reserved for 3D is a flat grey stand-in: a diamond in the hero, a rocket silhouette on the launchpad, hot-air balloons next to the roadmap.

These frames fixed the order of arguments. The offer section already places four short claims around one central object, the composition the final page fills with a green 3D form. The DEX layout turns its liquidity pitch into cards for optimized slippage, reduced impermanent losses and incentives to provide liquidity.

theqube
theqube
theqube
theqube
theqube
theqube
theqube
theqube
theqube
theqube

Qube 3D renders: glass cubes, a rocket and a token coin

The Qube mark is a cube drawn in green outline, so we made the cube the recurring 3D motif. The home hero is a loose block of glass cubes with light trapped inside, green on desktop and violet with orange sparks on mobile. The development plan gets a stepped stack of green and blue cubes, and the offer section a molten green one.

Each product then received its own object: a ribbed green glass form for the DEX, a chrome retro rocket carrying the Qube mark above the Earth for the launchpad, a dark coin inside orbit rings for the token, and stacked green frames with hearts, likes and chat bubbles for the social block. All of them sit on the near-black ground and teal-to-magenta glow the interface uses.

theqube
theqube
theqube
theqube

Mobile version of the Qube crypto website

On phones the site keeps its dark theme and section order, with changes made for a narrow screen. The four main links stay visible in a row under the logo and the Launch App button rather than hiding in a menu. Hero calls to action turn into full-width mint-to-teal buttons, and the 'Key advantages for companies' cards stack into one column with a clipped lower corner.

Headlines are set in a heavy geometric sans at large size, so 'Exchange and trade cryptocurrencies smoothly and anonymously' is still the first thing read on the DEX screen. The token roles drop below the coin as separate cards, and the launchpad screen puts supported networks and the Sharia law badge directly under its main button.

theqube
theqube
theqube
theqube
theqube
theqube
theqube
theqube
theqube

Project facts

Client
Qube (Qube Crypto Space), a crypto platform with an AMM DEX, an IDO launchpad, an NFT marketplace and the QUBE token
Industry
DeFi, crypto platform
Platform
Web (desktop and mobile)
Services
Wireframing, UX/UI web design, 3D graphics
Deliverables
Ten grayscale wireframe frames covering the home page, About, DEX, Launchpad, the roadmap and the contact block; website design; mobile version; 3D renders of glass cubes, a rocket and the token coin
Related cases
skynet, KWPC, fozeus

Questions about this project

What is Qube?

Qube, signed Qube Crypto Space, puts several crypto products under one name: an AMM-based DEX, a launchpad for initial DEX offerings, an NFT marketplace, a social space for blockchain projects and the QUBE token that connects them.

What did thelegacy design for Qube?

The platform website, worked out in grayscale wireframes for the home page, About, DEX and Launchpad before the design, its mobile version, and 3D renders of glass cubes, a rocket and the token coin.

How was the Qube logo carried into the 3D work?

The Qube mark is a cube drawn in green outline, so the cube became the recurring 3D motif: glass cubes with light trapped inside in the hero, a stepped stack of cubes for the development plan, and its own object for each product.