Case study · TheXchange

The interfacefor a token sale

TheXchange is the web platform for a private crypto token sale. We designed the full buyer experience - an invitation-gated sign-up, a purchase calculator that turns dollars into tokens, a checkout that accepts five payment routes, and a receipt that lays the whole order out clearly.

Web platformFintechCheckout flow
TheXchange product screen
What we shipped
Invitation-gated accessLive purchase calculatorFive payment routesVerifiable receiptPurchase agreementUX + UI design
01 — The product

A purchase flow built for a high-value moment

The platform pairs a narrative front-of-house - vision, story, events and news that explain the project - with a purchase back-of-house that has to be exact. A buyer signs up with an invitation token, uses a calculator to see how a dollar amount converts to tokens, chooses from five payment routes, agrees to the purchase terms, and lands on a receipt that records the order.

Access is gated by invitation

Sign-up and sign-in require an invitation token, and the purchase agreement confirms the buyer qualifies for the private sale, so the audience is controlled by design.

A calculator, not a guess

The buy screen converts a dollar amount into tokens at the live price and the applicable volume-discount tier, with a coupon field, so a buyer always sees exactly what they are getting.

Pay the way you want

Checkout accepts electronic transfer, Bitcoin, Ethereum, credit card and e-check, and the chosen route is recorded on the order summary.

02 — The problem

Why is a token-sale checkout hard to design?

A private token sale asks a buyer to move a large sum through an unfamiliar process. Three problems shaped the screens.

Registration has to keep the sale private without reading like a wall of legal text, pricing has to show its own working rather than ask for trust, and the purchase itself has to leave a record a buyer can rely on afterwards.

4

stages carry a buyer from invitation to receipt, each one closing off a specific risk

03 — Goals & challenges

What the checkout had to get right

A private sale asks a buyer to move real money through an unfamiliar process — the flow had to earn trust at every stage rather than assume it.

Goals

What the flow achieves

  • Gate access early. Sign-up and sign-in run on an invitation token, so the audience is controlled from the first screen.
  • Show the maths. The buy screen converts dollars into tokens at the live price and discount tier, with a coupon field.
  • Offer a real choice of payment. Checkout accepts electronic transfer, Bitcoin, Ethereum, credit card and e-check.
  • Leave a record. The order summary prints the order, the amount, the method and, for crypto, the on-chain detail.
Challenges

Why it was hard

  • The audience has to be controlled. A private sale is not open to everyone, without turning the first screen into a wall of legal text.
  • The price is not one number. Token pricing moves with volume-discount tiers and coupons, so the calculator has to show its working.
  • The purchase has to be accountable. A buyer commits through an agreement and one of several payment routes, and needs a receipt that stands as a record.
04 — One screen, read closely

How does the receipt reassure a buyer?

The order summary is the screen a buyer keeps, so it has to say everything at once. Here is what it is telling them.

TheXchange order summary receipt for a TurnCoin purchase
1Branded receipt

The token identity anchors the receipt, so a buyer always knows exactly what they have bought at the moment it matters most.

2The order at a glance

Order number, date, the amount of tokens purchased and the total sit together as a clean, scannable record.

3Payment method on record

The route the buyer paid by is printed on the summary itself, so the how of the payment is never ambiguous.

4Verifiable payment detail

For a crypto route, the amount, wallet address and reference are shown, so the transfer can be checked against the chain.

5A real company behind it

The platform's registered offices anchor the footer, grounding a digital purchase in an identifiable business.

05 — The purchase journey

What does buying on TheXchange look like?

Four screens carry a buyer from an invitation to a receipt, each designed to keep a high-value purchase clear.

Sign up
App preview
01 • Sign up

Registration collects contact details and an invitation token, and confirms the buyer agrees to the purchase terms, so the private sale stays private from the first screen.

Calculate
App preview
02 • Calculate

The buy screen shows the conversion live - a dollar amount, the volume-discount tier, a coupon field and the resulting token count - so the price is never a mystery.

Pay
App preview
03 • Pay

Place-order lays out five payment methods, captures agreement to the purchase terms, and confirms the order in one focused screen.

Receipt
App preview
04 • Receipt

The order summary records the order, the amount, the total and the payment detail, giving a buyer clear proof of a completed purchase.

06 — Transferable

What makes a high-value purchase flow feel safe?

The principles behind TheXchange apply to any checkout where the amount is large and the buyer needs to trust the process.

01

Gate early, gently

Control who gets in with a token or invite before the flow starts, so eligibility is settled without burying the first screen in legal copy.

02

Show the maths

When price depends on tiers, discounts or conversion, let the buyer watch the number resolve rather than presenting a figure to trust on faith.

03

Make payment a single, clear choice

Lay out every route on one screen and record the selected one, so paying never feels like a detour into the unknown.

04

Capture consent in plain sight

Put the agreement at the point of commitment and acknowledge it explicitly, so the buyer knows what they signed.

05

End with a record

A clean, verifiable receipt is what turns a nervous purchase into a completed one - it is the last screen, and it has to reassure.

FAQ

Designing a token-sale web platform

How do you design a checkout for a high-value purchase?
You remove every avoidable doubt. On TheXchange that means gating access with an invitation token, showing the price resolve through a live calculator instead of a static number, laying out all five payment routes on one screen, and ending on a receipt that records the order and, for crypto, the on-chain detail. The larger the amount, the more the design has to earn trust at each step, so the flow is staged and each stage does one clear job.
How do you keep a private sale private?
Access is controlled at the door and confirmed at the point of purchase. Registration and sign-in require an invitation token, so only invited buyers reach the flow, and the purchase agreement asks the buyer to confirm they meet the sale's eligibility terms. Designing that gate to feel like a normal sign-up, rather than a legal obstacle course, is part of the work - the control is real but the experience stays clean.
Why show a calculator instead of a fixed price?
Because the price is not a single number. Token pricing here moves with volume-discount tiers and coupon codes, so a buyer needs to see how their dollar amount converts to tokens at the tier that applies to them. A live calculator turns pricing from something to be trusted into something to be watched - dollars in, discount applied, tokens out - which is far more reassuring when real money is involved.
What goes into designing a web platform like this?
Two halves that have to feel like one product. The narrative pages - vision, story, events, news - explain the project and build confidence, while the transactional core - sign-up, calculator, checkout, agreement and receipt - has to be exact and legible. The craft is holding a consistent brand and a calm tone across both, so a buyer moves from reading about the project to completing a high-value purchase without ever feeling the seam between marketing and machinery.
Let's build

Designing a high-value purchase flow?

Tell us how your business actually works and we'll tell you honestly what it takes to build - the flow, the calculator, the checkout. No deck, no pitch.