Loading
Our creative works — case study

BEHAPI eco platform.

A community platform that turns everyday waste into eco-credits — the "honey" of a digital hive. We built the launch site: a long-scroll story that carries mission, mechanics, community credit and tokenomics without losing a first-time visitor.

BEHAPI eco platform, hero screen
Client
BEHAPI
Services
Web development, branding
Team
5 specialists
Timeline
12 weeks
Sector
Eco tech & recycling

The challenge

An ecology mission, a game economy and a token — on one page.

A resident wants to know what they get for sorting waste. A community wants to know how the eco-credit is funded. An investor wants tokenomics. The page had to answer all three without reading like a whitepaper.

The hard part was the loop — waste → eco-balance → honey → community credit: four steps, daily timers and rules of the hive. It had to feel obvious inside ten seconds of scroll.

01
The benefit leads, not the ideology

Testers skipped every "save the planet" claim. The hero states the exchange first — bring waste, receive honey — and lets the mission follow one screen later.

02
Show the mechanic, don't explain it

Every rule is rendered as the interface a member will actually see: eco-balance card, drone status, cleaning timer, live rate — screenshots in place of paragraphs.

03
One metaphor end to end

The hive carries the whole system: hexagon cards, honey-gold accents, hives as levels. It repeats in the icon set, the seven principles and the coin mark.


Colour & type

Forest dark, honey gold, one serif for the voice.

Palette
Ground
Surface
Honey
Text

Gold works as light — a rim, a glow, a hexagon edge — never as a flood. Photography sits on near-black so the forest imagery carries the colour instead.

Type
Aa
Display serif — the wordmark, section titles, balances
Aa
Text face — body copy, FAQ, rules of the hive
Wordmark128 / 1.00 / 0.06em
Section44 / 1.10 / 0.02em
Body16 / 1.70 / 0
Label11 / 1.20 / 0.20em

Screens

The launch site, full page.

Desktop 1440 · shipped build
behapi — full page
BEHAPI full desktop page

Let's talk about your project.