{"id":20673,"date":"2026-08-22T23:24:47","date_gmt":"2026-08-22T23:24:47","guid":{"rendered":"https:\/\/grdigital.tech\/?post_type=projects&p=20673"},"modified":"2026-08-22T23:26:59","modified_gmt":"2026-08-22T23:26:59","slug":"behapi-landing-page","status":"publish","type":"projects","link":"https:\/\/grdigital.tech\/index.php\/projects\/behapi-landing-page\/","title":{"rendered":"Behapi landing page"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n
\n
\n <\/span>\n Our creative works \u2014 case study<\/span>\n <\/div>\n

BEHAPI eco platform.<\/span><\/h1>\n
\n

A community platform that turns everyday waste into eco-credits \u2014 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.<\/p>\n

\n Visit live site<\/a>\n See the work<\/a>\n <\/div>\n <\/div>\n
\n \"BEHAPI\n <\/div>\n
\n
\n
Client<\/div>\n
BEHAPI<\/div>\n <\/div>\n
\n
Services<\/div>\n
Web development, branding<\/div>\n <\/div>\n
\n
Team<\/div>\n
5 specialists<\/div>\n <\/div>\n
\n
Timeline<\/div>\n
12 weeks<\/div>\n <\/div>\n
\n
Sector<\/div>\n
Eco tech & recycling<\/div>\n <\/div>\n <\/div>\n <\/section>\n
\n
\n
\n <\/span>\n The challenge<\/span>\n <\/div>\n
\n

An ecology mission, a game economy and a token \u2014 on one page.<\/span><\/h2>\n
\n

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.<\/p>\n

The hard part was the loop \u2014 waste \u2192 eco-balance \u2192 honey \u2192 community credit: four steps, daily timers and rules of the hive. It had to feel obvious inside ten seconds of scroll.<\/p>\n <\/div>\n <\/div>\n

\n
\n
01<\/div>\n
The benefit leads, not the ideology<\/div>\n

Testers skipped every \"save the planet\" claim. The hero states the exchange first \u2014 bring waste, receive honey \u2014 and lets the mission follow one screen later.<\/p>\n <\/div>\n

\n
02<\/div>\n
Show the mechanic, don't explain it<\/div>\n

Every rule is rendered as the interface a member will actually see: eco-balance card, drone status, cleaning timer, live rate \u2014 screenshots in place of paragraphs.<\/p>\n <\/div>\n

\n
03<\/div>\n
One metaphor end to end<\/div>\n

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.<\/p>\n <\/div>\n <\/div>\n <\/section>\n

\n
\n
\n <\/span>\n Colour & type<\/span>\n <\/div>\n

Forest dark, honey gold, one serif for the voice.<\/span><\/h2>\n
\n
\n
Palette<\/div>\n
\n
\n
<\/div>\n
Ground<\/div>\n <\/div>\n
\n
<\/div>\n
Surface<\/div>\n <\/div>\n
\n
<\/div>\n
Honey<\/div>\n <\/div>\n
\n
<\/div>\n
Text<\/div>\n <\/div>\n <\/div>\n
\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n <\/div>\n

Gold works as light \u2014 a rim, a glow, a hexagon edge \u2014 never as a flood. Photography sits on near-black so the forest imagery carries the colour instead.<\/p>\n <\/div>\n

\n
Type<\/div>\n
Aa<\/div>\n
Display serif \u2014 the wordmark, section titles, balances<\/div>\n
<\/div>\n
Aa<\/div>\n
Text face \u2014 body copy, FAQ, rules of the hive<\/div>\n
\n
Wordmark<\/span>128 \/ 1.00 \/ 0.06em<\/span><\/div>\n
Section<\/span>44 \/ 1.10 \/ 0.02em<\/span><\/div>\n
Body<\/span>16 \/ 1.70 \/ 0<\/span><\/div>\n
Label<\/span>11 \/ 1.20 \/ 0.20em<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n
\n
\n
\n <\/span>\n Screens<\/span>\n <\/div>\n
\n

The launch site, full page.<\/span><\/h2>\n
Desktop 1440 \u00b7 shipped build<\/div>\n <\/div>\n
\n
\n
\n <\/span>\n <\/span>\n <\/span>\n behapi \u2014 full page<\/span>\n <\/div>\n \"BEHAPI\n <\/div>\n <\/div>\n <\/section>\n
\n
\n
\n

Let's talk about your project.<\/span><\/h2>\n
\n Get in touch<\/a>\n All case studies<\/a>\n <\/div>\n <\/div>\n <\/section>\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Fox and Rabbit Home introduction We are a Creative Agency & Startup Studio that provides Digital Products and Services turns to focus on client success. We specialize in user interface design, including front-end development which we consider to be an integral part. Client admin Date April 25, 2020 Categories Art , illustration Tags grid, wide…<\/p>\n","protected":false},"featured_media":20672,"parent":0,"template":"","projects_cat":[20],"projects_tag":[11,18,19],"class_list":{"0":"post-20673","1":"projects","2":"type-projects","3":"status-publish","4":"has-post-thumbnail","5":"hentry","6":"projects_cat-work","7":"projects_tag-grid","8":"projects_tag-wide","9":"projects_tag-work","10":"nt-post-class","11":"","14":"excerpt-none"},"acf":[],"_links":{"self":[{"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects\/20673","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects"}],"about":[{"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/types\/projects"}],"version-history":[{"count":1,"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects\/20673\/revisions"}],"predecessor-version":[{"id":20674,"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects\/20673\/revisions\/20674"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/media\/20672"}],"wp:attachment":[{"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/media?parent=20673"}],"wp:term":[{"taxonomy":"projects_cat","embeddable":true,"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects_cat?post=20673"},{"taxonomy":"projects_tag","embeddable":true,"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects_tag?post=20673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}