Available now

Start a project
← Back to work

Case 07 — Landing & dashboard · Real estate on-chain

Buying a share of a building, as simply as buying a token.

Client
Propichain · DeRent
Scope
Landing · token dashboard · sign-in
Sector
Real estate · Web3
Status
Shipped
The DeRent landing, first screen: “Tokenization — Revolutionize real estate with DeRent” in wide capitals, a house on a floating island, How to buy and Learn more, and the Launching in countdown.
LandingTokenization, the offer and the presale countdown on the first screen.

Context

DeRent tokenizes real estate: investors buy fractional shares of properties around the world and earn a passive income from them. Its token is sold in presale rounds through a personal dashboard on Propichain, paid in crypto from an account or a connected wallet.

The work covers the landing page — how it works, the smart contract, tokenomics, roadmap, how to buy, FAQ — and the dashboard behind it: sign-in, buying, transactions, account activity and settings.

Problem

Two unfamiliar things at once.

“Imagine a world where you could own a piece of real estate on the other continent for as little as $1000.”

DeRent, landing page

Property investors rarely know how to buy a token; crypto holders rarely know how to judge a building. The page had to make fractional ownership obvious to the first and credible to the second — and the dashboard had to make buying the next round the easiest thing on the screen.

Constraints

Working within constraints

Audience
Property investors new to crypto, and crypto holders new to property
Presale
Rounds, a live countdown and a price per token
Entry
Email sign-up or a connected wallet
Security
Two-factor, an activity log with devices and IPs, alerts
Legal
A purchase agreement accepted before every buy
Content
Tokenomics, roadmap and FAQ on one page

In the file

A landing page and the dashboard behind it

  • Landing
  • How it works
  • Smart contract
  • Tokenomics
  • Roadmap
  • How to buy
  • FAQ
  • Log in
  • Reset password
  • Buy tokens
  • Transactions
  • Activity
  • Settings

Decisions

Decisions that shaped the product

One building, many owners — drawn, not explained.

Why
Fractional ownership is abstract until you see it.
Result
How it works shows one house shared by four owners, each with their slice — 18%, 35%, 27% and 20% — next to the promise of a passive income.
How it works: a house on a floating island with four owners around it — owning 18%, 20%, 35% and 27% of the property — “Future of ownership real estate, all generating you a passive income” and Buy tokens now.

The smart contract as a story.

Why
‘Smart contract’ means nothing to someone buying property.
Result
One worked example — two parties agree to transact through DeRent, for a sale or a one-year rental — walks through what the contract does at each step.
How DeRent simplifies the real estate value chain: two avatars under “Two parties agree to transact using DeRent”, the example spelled out below, step arrows and Purchase presale.

Two ways to buy, side by side.

Why
Some arrive with a wallet, others with an email address.
Result
How to buy lays out signing up and connecting a wallet as two equal methods, step by step.
How to buy: Method 1, Signup, and Method 2, Wallet connect, side by side, each a list of steps, with Purchase presale under them.

The dashboard opens on the purchase.

Why
During a presale the one job is buying the next round.
Result
The dashboard leads with the live countdown, the round and the price, and the buy form — with the purchase agreement ticked before the button.
The dashboard: the 1st round at 32%, Presale live, PROPI / ETH at its price, the amounts in ETH and PROPI, the countdown in days, hours, minutes and seconds, and the token purchase agreement to tick before Buy PROPI.

Security you can see.

Why
Crypto buyers expect to check who has touched their account.
Result
Recent activity lists every device, browser and IP; settings hold two-factor verification, the activity log and alerts for unusual activity.
Recent activity: a table of sign-ins with the date, the device, the browser and the IP address.
Settings: profile, change password, the notification switches and two-factor verification with Enable 2FA.

System

An extended display face and a green that means ‘buy’

Wide capitals for every claim, a calm sans for everything else, and one deep green reserved for the actions that move money.

Mark

The Propichain logo — a green P and the wordmark — on light grey.

The wordmark as it sits on the sign-in screen.

Typefaces

The display face on the landing: “Tokenization — Revolutionize real estate with DeRent” in wide capitals.
  • Monument Extended — display
  • DM Sans — interface and body

Palette · sampled from the screens

  • #B3B3B3
  • #33363F
  • #FFFFFF
  • #2B8872
  • #505258
  • #FAFAFA

Solid fills, sampled by frequency from the landing and the buy screen.

Screens

From sign-in to settings

  • Log in, between two floating houses: email, password, the reCAPTCHA check, Log in, and links to reset the password or sign up.

    Log in

    Two fields and a way back.

  • Reset password: one email field and the Reset password button.

    Reset password

    One field, one promise.

  • The buy screen before a wallet is connected: the round, the amounts and Connect wallet.

    Buy — no wallet

    Connect a wallet or copy a referral link.

  • The buy screen with a wallet connected: the round, the price, the amounts, the agreement and Buy PROPI.

    Buy

    Round, price, amount, agreement, button.

  • Transactions: ID, date, tokens, the amount in ETH, the base amount in USD and a status — pending, canceled or success.

    Transactions

    Every purchase with its ID, date and amount.

  • Recent activity: the date, device, browser and IP of every sign-in.

    Activity

    Devices, browsers and IP addresses.

  • Settings: profile, password and two-factor verification.

    Settings

    Profile, password, two-factor.

Craft

The details that carry it

Two long sections, read at a glance.

Tokenomics: a ring chart beside the numbers — public sale (presale) 45%, exchange liquidity 12%, ecosystem development 12%, marketing 10%, bonus tokens 10%, team & advisors 7%, influencers/KOLs 4% — and the $DRT benefits below.
TokenomicsAllocation, presale and ecosystem development in one chart, with the numbers beside it rather than inside it.
Roadmap: Phase 1, Foundation path (active, three steps ticked), Phase 2, Future map, and Phase 3, Success chart, each with its list, and a Whitepaper button.
RoadmapThree phases as a path from the blueprint to the alpha release, each with what it delivers and a tick for what is done.

Outcome

What shipped

Status
Shipped
Surface
Landing, sign-in and four dashboard views
Buying
By sign-up or a connected wallet
Security
Two-factor, activity log, alerts

No product metrics were shared for this page, so there are none on it.

Reflection

If I had another two weeks

What I’d test
Whether the four-owners picture makes fractional ownership click faster than the words around it.
What I’d measure
How many buyers take the wallet path and how many sign up — and where each one drops.
What I’d change
Settle one name: the landing speaks of DeRent and $DRT, the dashboard of Propichain and PROPI.

End of case 07

Seen enough? Let’s talk about yours.

Start a project → ← All work