Harbor DeFi Yield Optimizer — End-to-End Web Design & Build

Orezi Mena

Harbor Landing Page Design & Develpment

Client Name: Port (Yield-Optimization Protocol)
Industry: DeFi • Automated Earnings
Objective: Craft a landing + marketing site that makes sophisticated, multi-strategy yield farming feel as easy as a single deposit.
Scope: Brand-aligned illustrations, Figma layout, Framer build, CMS wiring
Duration: 1 week

The Challenge

Simplify portfolio-level optimisation without dumbing down liquidity-pair jargon.
Communicate safety and scale (💰 $3.5 B TVL, 🚤 2.2 M wallets) at a glance.
Surface Port’s unique twist one-asset in, auto-rebalanced across strategies and hint at Yearn v3 “Convex-style” expansion coming soon.

The Solution

Design

Maritime metaphor (lighthouse, marina, sailboats) Subconsciously signals navigation + safety perfect for a protocol that “steers” user funds
Star -tag labels (“Simplicity”, “Optimize”, etc.) Quick, scannable value props that anchor every block.
Hero headline: “Your DeFi Portfolio, Simplified.” Mirrors the product promise in six words; large counter-type locks attention.
Stats bar with custom icons Social proof baked into the fold: TVL, strategies, unique wallets. Card grid for feature deep-divesEach card pairs a mini-illustration with a benefit users grasp the mechanics without reading a whitepaper.

Development

Framer implementation delivers buttery-smooth parallax on hero art and hover reveals on feature cards.
Headless CMS lets the team swap in new partner logos and update strategy counts in minutes.
Performance pass: compressed Lottie animations + lazy-loaded SVGs keep LCP < 2 s, even on mobile.

Key Features Highlighted

Optimized Earning Auto-shifts funds post-epoch for max yield while limiting dilution.
Built on Battle-Tested Protocols First iteration leverages Yearn’s newest contracts trust by association.
Single-Asset Supply No LP-token headaches; deposit one coin, harvest diversified returns.
Convex-for-Yearn v3 (Coming Soon) Road-maps boosted rewards via veYFI voting power keeps excitement high.

Outcome

The site shipped in 7 days, went live alongside Port’s v1 contracts, and helped drive a 12 % week-one lift in deposits (measured by wallet mints) thanks to clearer messaging and lower user drop-off on the “Enter App” funnel.

Looking for a custom Website?

Book a quick FREE 15 min meeting where we discuss if our offer would work for your case
Like this project

Posted Nov 15, 2023

Led UX, and Framer build for Harbor an automated single-asset DeFi yield gateway. Lighthouse visuals + guided flows make pro-level strategies one-click simple

ARC — The Case Study
ARC — The Case Study
Earnipay: A Journey of Discovery, Redesign, and Growth
Earnipay: A Journey of Discovery, Redesign, and Growth
Case study: Improving an online banking application
Case study: Improving an online banking application
KICC - Presentation Design on Behance
KICC - Presentation Design on Behance

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc