Concept projectA self-initiated brief, not client work. Product names are fictional.

Beacon · Token launchpad

A launchpad that explains itself.

A token launch site where every action is explained in plain language before anyone signs.

Services: Web3 & crypto Websites UI/UX design
Scope: 6 deliverables · 4 phases

beacon.fi/sale

BeaconSaleClaimHow it worksContractBase0x9f2c…a41e

Public sale · live

BCN public sale

Sold612 / 1,000 ETH

Ends in 2 days 14 hVerified contract ↗

Price0.0001 ETH per BCNFixed for the whole sale.

Claim dateFrom 12 MarchYour tokens are held by the contract until then.

Unlock25% at claim, then monthlyThe rest unlocks evenly over 6 months.

Fee1% of your purchaseShown in the review before you sign.

Sale activity · last 24 hLive from chain

Join the sale

You pay0.500ETH

You can claim4,950BCN

You send 0.500 ETH now. From 12 March you can claim 1,237 BCN, then the rest monthly until September.

Review purchase

Nothing is sent until you sign in your wallet.

The challenge

Token launches ask people to trust contracts they cannot read. Wallet pop-ups show hex data and gas estimates; the real terms — lockups, fees, who can change what — sit in a document few people open.

Goals

Designed so every transaction is summarised in one plain sentence before the wallet opens.
Designed to show the contract’s key terms next to the button that triggers them.
Built on audited contract standards, with an independent audit before launch.

Approach.

01
Terms beside actions
Next to “Join sale” you see the price, the lock-up period and the fee, in words.
02
Read before you sign
Before the wallet opens, a summary card says exactly what will happen and what it costs.
03
Show the chain
Live sale progress and recent transactions come straight from the contract, with links to verify them.

What we built.

A launch website, wallet connection, a sale page with live on-chain data, transaction review cards, a claim dashboard and the sale contracts with full tests.

beacon.fi/sale

BeaconSaleClaimHow it worksContractBase0x9f2c…a41e

Public sale · live

BCN public sale

Sold612 / 1,000 ETH

Ends in 2 days 14 hVerified contract ↗

Price0.0001 ETH per BCNFixed for the whole sale.

Claim dateFrom 12 MarchYour tokens are held by the contract until then.

Unlock25% at claim, then monthlyThe rest unlocks evenly over 6 months.

Fee1% of your purchaseShown in the review before you sign.

Sale activity · last 24 hLive from chain

Join the sale

You pay0.500ETH

You can claim4,950BCN

You send 0.500 ETH now. From 12 March you can claim 1,237 BCN, then the rest monthly until September.

Review purchase

Nothing is sent until you sign in your wallet.

Sale page — the terms sit next to the button, and the purchase is summarised in a sentence.

Before you sign

You are about to buy 4,950 BCN for 0.500 ETH.

You send0.500 ETHSale fee (1%)0.005 ETHNetwork fee (estimate)under $0.05You can claimfrom 12 MarchContract0x7a1e…c09d ✓

This is a purchase, not an approval. The contract cannot move any other tokens from your wallet.

Open wallet to signChange amount

Before you sign — what you send, what it costs, and what the contract can and cannot do.

9:41●●● ▮

Beacon

BCN public sale

Connect a wallet

Connecting only shares your address. It doesn’t give anyone access to your funds.

Browser walletDetectedWalletConnectScan with your phoneHardware walletVia your browser walletEmail walletNo extension needed

New to wallets? A two-minute guide

Connecting explains itself: it shares an address, not access.

Concept screens, designed and built in HTML and CSS. All names, figures and data shown are fictional.

Design decisions.

Plain sentences first
Every number has a sentence next to it. “You can claim these tokens from 12 March” beats a timestamp.
Violet for the chain, Signal for you
On-chain data uses the violet palette; the one action you can take is the only warm colour on screen.
Calm loading states
Pending transactions show what is happening and how long it usually takes, instead of a spinner.