Maksutov Design MAKSUTOV DESIGN
Bitcoin · BTCfi DeFi Landing page Web design 3D / motion

TeraHash website design for a Bitcoin protocol

Marketing site for TeraHash — a Bitcoin-native yield layer that turns mining hashrate into liquid DeFi yield. My task was UX/UI and web design: turning the complex mechanics of hashrate staking and the dual-token model into a clear, compelling site with a strong visual language — dark theme, 3D isometry, and live yield data.

TeraHash — desktop version of the site in a laptop mockup
TeraHash — mobile version of the site

terahash.xyz — responsive layout: desktop and mobile version

01 / task

Explain complex Bitcoin DeFi so people actually want to get in

7 key pages: Home, How it works, About, Launch & Farm, Blog, $HASH, and Partners.
7× the site's core argument: the Bitcoin network yields up to 7× more than Ethereum.
2 tokens in the model — $THS and $HASH — that needed to be explained clearly.
9.17% a live APY figure right in the header — the yield is visible at a glance.

02 / idea

One formula holds the whole site together: Hashrate = Yield

TeraHash is hashrate staking: users buy, stake, and trade Bitcoin hashrate and earn native BTC yield. The site is positioned as a bridge between the $20-billion Bitcoin mining market and the $200-billion DeFi economy. The topic is niche and complex, so the whole site is built around one clear idea — “hashrate = yield” — and leads the reader from it to the product, token economics, and ecosystem.

Hashrate

Hashrate as a source of yield

The most transparent source of yield is the work of the Bitcoin network. The site shows this with a comparison: 48% for hashrate versus 1.6% for ETFs, 5% for bonds, 8% for DeFi lending.

Yield

Yield made accessible through DeFi

TeraHash makes BTC yield liquid: mint $THS with popular tokens (ETH, USDT, USDC), stake it, and receive rewards in wBTC daily.

Ecosystem

Composability on top of $THS

A whole ecosystem has grown around the token: lending, yield tokenization, stablecoins, mining insurance, liquid staking, and BTC loans.

03 / site pages

Seven pages that lead from idea to launch

Full site pages in a browser frame — scroll inside the frame (double scroll).

terahash.xyz
01 — Home
01 — HomeHome: live APY, the “Bitcoin yields up to 7× more” thesis, the Hashrate = Yield formula, dual-token model, ecosystem, and DAO.
terahash.xyz/how-it-work
02 — How it works
02 — How it worksMechanics: how hashrate turns into yield, how $THS and $HASH work, dual staking.
terahash.xyz/about-us
03 — About
03 — AboutA bridge between the $20B Bitcoin mining market and the $200B DeFi economy: team, roadmap, media.
terahash.xyz/launch-and-farm
04 — Launch & Farm
04 — Launch & FarmEntry point into the product: Shrimp Season, early access, minting, and farming.
terahash.xyz/blog
05 — Blog
05 — BlogContent hub: Tech, Governance, Yield, Research, and Community categories.
terahash.xyz/partners
06 — Partners
06 — PartnersPartners page: co-marketing, product integration, and a “Become a Partner” form.
terahash.xyz/$hash
07 — $HASH
07 — $HASHThe $HASH token and Early Backers Round: dual staking, buybacks & burning, demand flywheel.

04 / mobile version

Adapted for mobile: the same screens, rebuilt for touch

TeraHash — mobile home page
Home
TeraHash — mobile “How it works” page
How it works
TeraHash — mobile Launch & Farm page
Launch & Farm
TeraHash — mobile blog page
Blog

05 / visual language

Dark theme, mint green and bitcoin orange, 3D isometry

  • Dark base — a premium “crypto-grade” background that makes accents and charts pop.
  • Two-color system: mint green for yield and growth, bitcoin orange for BTC and network energy — the same pairing encodes the dual token ($THS / $HASH).
  • 3D isometry — volumetric scenes with coins, rigs, and the power grid make abstract mining tangible.
  • Data as the hero: live APY, a bar chart comparing yields, a dual-token donut diagram — the numbers are pushed to the foreground.
  • Large typography and section rhythm carry the reader through the long landing page without fatigue.
  • The signature wordmark “TERAHASH.” closes the page in a large block.

Key ideas on the site

AuditedComposableDAO-GovernedHashrate = YieldDual-tokenDaily wBTCBTCfi

Collateral and trust are also expressed in numbers: $1B+ in hashrate from the largest providers and 105%+ over-collateralization.

06 / what the site shows

Product, token economics, and ecosystem — on one page

$1B+in hashrate from the largest providers backs the protocol.
105%+over-collateralization in hashrate, with on-chain proof every day.
48%hashrate's share in the yield-source comparison — versus 1.6% for ETFs.
7ecosystem directions around $THS: lending, loans, stablecoins, and more.
  • Dual-token model: $THS is the on-chain unit of Bitcoin hashrate, $HASH is the fuel of the protocol economy.
  • Dual staking: stake $THS to earn, and $HASH to boost rewards.
  • Ecosystem on top of $THS: lending and collateral, yield tokenization, collateralized stablecoins, mining insurance, liquid staking, BTC loans, and liquidity programs.
  • Governance: voting through smart contracts, staking doesn't pause rewards, decisions are made by the DAO.

08 / who it's for

BTC holders, DeFi users, and miners

The site speaks to several audiences at once — people who simply hold bitcoin and experienced DeFi users alike. The design's job is to quickly get the value across to each of them and guide them to early access.

BTC holders looking for yield DeFi users and yield farmers Retail miners Investors and protocol partners Community and DAO members

Discuss a project

Need a website or app design?

Tell me about the project and audience — I will propose the structure, scope, timeline and price.

Order website design

09 / other projects in this service