Harbor DeFi Yield Optimizer — End-to-End Web Design & Build by Orezi MenaHarbor DeFi Yield Optimizer — End-to-End Web Design & Build by Orezi Mena

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

Portfolio project
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

0 likes · 25 views · 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

Tags