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
