theqube
Qube is a crypto platform that joins an AMM DEX, an IDO launchpad, an NFT marketplace and a social space around its QUBE token.
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.
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.
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.
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.
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
- More work in
- 3D Graphics & Motion Design, UX/UI Web Design
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.
