View more
Published in
2024

Babylon 7. NFT art marketplace.

Roman Danyliuk
Julia Slazhnieva
Elena Buzila
Bohdan Kononets
Partnership
2+ years
Services
UX Design
UI Design
Design System
AI Production
Ad Creative Design
Motion Design
Deliverables
Visual Identity System
Marketing Asset Library
Interactive Prototype
Design Tokens
Design System
Component Library

Babylon 7 is a fully functional NFT marketplace.

We designed it as a fully functional NFT marketplace, covering UX, UI, and a design system delivered at speed. Bidding, ownership, and value mechanics needed to stay clear and trustworthy while selling the emotional side of digital art – and the marketplace launched with both intact.

UI Components Across the NFT Marketplace

A custom icon set, glitch-text states, and textured backgrounds carried across Babylon 7's NFT marketplace. The same visual language appears on error screens, empty states, and individual listing cards.

Pixelated icon set, glitch text effects, and NFT listing card for Babylon7 marketplace

Homepage Layout for NFT Raffle Listings

Landing page for Babylon 7's NFT marketplace, built for Web3 collectors and artists under a Pitch & Product Concept engagement. Listings run as ticket-based raffles, with floor price, countdown, and percent-sold shown on every card.

Babylon7 NFT marketplace homepage showing raffle listing cards, floor price, and FAQ accordion
Mobile Layout for NFT Raffle Browsing

Mobile version of the homepage for collectors browsing Babylon 7 on a phone. A collapsible menu leads to All Raffles and FAQ, with the connect-wallet screen and raffle benefit cards stacked in one column.

Mobile homepage for Babylon7 NFT marketplace with wallet connect screen and raffle benefit cards

Transition Into an NFT Detail Page

Detail view for a single NFT inside the platform, aimed at collectors evaluating one piece before bidding. A mosaic-tile transition precedes the page, which surfaces the creator's name, wallet address, and a buy-ticket action.

Mosaic tile transition and NFT detail page for Garden of Eden artwork listing on Babylon7
Overlapping NFT detail windows on Babylon7 marketplace
Listing Page for the NFT Marketplace

Listing page inside Babylon 7's NFT marketplace, built on Product & Interface Design logic. Each listing shows collection, token ID, blockchain, token standard, and contract address, with links.

Desktop NFT listing page showing blockchain,  token standard, and buy ticket modal
Mobile Version of the Listing Page

Mobile layout for the same listing screen, condensed for one-handed browsing. Listing Info and Restrictions sit under tabs, with Other Listings stacked below for continued scrolling.

Mobile NFT listing page with listing info tabs and other listings grid on Babylon7

Browsing Grid for All Active Raffles

Directory page listing every raffle on the platform, for collectors comparing several pieces at once. Live, Upcoming, and Ended filter tabs show counts per status, with numbered pagination and a single-column layout on mobile.

All raffles directory page with live, upcoming, and ended filter tabs on Babylon7 marketplace
Full-size image preview modal on Babylon7 marketplace

Selecting an Owned NFT to Raffle

Step where a seller picks which owned NFT to put up for raffle. Verified and Unverified tabs sit above a search field and a circular thumbnail grid of the connected wallet's artworks.

Choose 1/1 NFT screen with verified tabs and circular thumbnail grid for raffle listing
Setting Ticket Price and Contribution Fee

First step of the four-step listing flow, where sellers set ticket price and platform contribution. A minimum fee applies, adjustable upward for more exposure, alongside a calculator for tickets, price per piece, and total.

Price and contributions step showing fee slider and ticket price calculator
Allowlist and Scheduled Drop Settings

Second step for sellers refining a raffle's rules, added as the product grew under Post-MVP Evolution. Allowlist controls limit tickets per wallet address, and Scheduled Drop sets an exact release date and time.

Advanced options step with allowlist addresses and scheduled drop date picker
Reviewing and Confirming a Raffle Listing

Third step summarizing every setting before a raffle goes live. Creator, price per ticket, donation percentage, and allowlist rules sit in one panel, closed by Approved and Create actions.

Confirm listing step summarizing price, contributions, and advanced options before publishing a raffle
Final Confirmation After Listing a Raffle

Final screen after the listing flow completes, confirming the NFT is live for raffle. A wallet-signature step, Waiting for confirmation, precedes it, tied to accepting terms and conditions.

Sale confirmation screen and wallet waiting state after listing an NFT raffle on Babylon7
Profile screen with change avatar modal offering uploaded photo or owned NFT options

Launching a marketplace where emotion sells but transaction mechanics build trust? Both have to be designed together, at speed. We've done it – tell us your timeline.

Ready to start your own project?