thelegacy

OMINA

  • Ux/Ui
Client

OMINA (OMN) is a BEP-20 token on BNB Smart Chain for the trading community, sold through a presale and presented by its site as a meme coin.

What we did

UX/UI for the presale page on desktop and phone, from the live presale widget and how to buy to tokenomics, the roadmap, the FAQ and news, plus a news post page.

A presale page for a BSC token

OMINA (OMN) is a BEP-20 utility token on BNB Smart Chain aimed at traders; the site’s own footer calls it a meme coin and reminds visitors to do their own research. We designed its presale page, a news post page and the phone version, in deep navy with violet light, a green accent for live states and the gold OMN coin.

Everything on the first screen points to the presale. A running line says it is live on the BSC network, the header links to every section and keeps a Buy OMN button, and the headline sits next to a presale widget: the current round, a countdown to the next price, the amount raised with a progress bar and one button to buy with crypto. Audit logos sit under the text, and a price bar below repeats the current price and the countdown.

First screen: the headline, audit logos and the presale widget with a countdown and a progress bar
Phone: first screen with the presale widget
Phone: OMN token block with the price sheet
Phone: how to buy
Phone: contract address
OMINA wordmark
The gold OMN coin

From buying to the roadmap

How to buy shows the three currencies the presale takes, BNB, USDT and USDC, and four steps from securing a wallet such as MetaMask or Trust Wallet to receiving the tokens, next to a contract address card with copy, add to wallet and BscScan buttons. Tokenomics is a single ring chart split into presale, listing, treasury, development, rewards and marketing.

The roadmap runs by quarter with status tags and progress bars, the FAQ is an accordion, and latest updates filter news by marketing and milestones and lead to a news post page with related posts. The page ends with the contact email, the community channels and the disclaimer.

How to buy: currencies, four steps and the contract address
Tokenomics chart
Roadmap by quarter and the FAQ
Latest updates and contacts

The phone version

The phone version follows the desktop page section by section with the same typefaces, colours and components. Rows that are wide on desktop, the three illustrations, the roadmap and the news, become rows you swipe; the stat cards fold into a grid of two; the steps, the contract card and the FAQ stack; and the price bar turns into a bottom sheet with the countdown and a buy button, as in the mobile frames of the Figma file.

Phone: tokenomics
Phone: roadmap slider
Phone: FAQ
Phone: news and contacts
News post page with related posts

Project facts

Client
OMINA (OMN), a BEP-20 token on BNB Smart Chain
Industry
Crypto, token presale
Platform
Website (desktop and mobile)
Services
Landing page UX/UI design, mobile adaptation
Deliverables
Wireframe; presale page: header and running line, presale widget with countdown and progress, price bar, token features, how to buy with contract address, tokenomics chart, roadmap, FAQ, news with filters, contacts; news post page; phone version with a bottom price sheet
More work in
UX/UI Web Design

Questions about this project

What is OMINA?

A BEP-20 utility token on BNB Smart Chain for the trading community, sold through a presale. Its site calls it a meme coin and says nothing on it is financial advice.

What did thelegacy design for OMINA?

The presale page on desktop and phone and a news post page: from the presale widget and how to buy to tokenomics, the roadmap, the FAQ, news and contacts.

How is the presale page built?

The first screen pairs the headline with a presale widget: the round, a countdown to the next price, the amount raised and a buy button. A price bar repeats the price and the countdown, how to buy lists the currencies and four steps with the contract address, and the rest of the page covers tokenomics, the roadmap, the FAQ and news.