Harbor DeFi Yield Optimizer — End-to-End Web Design & Build
Orezi Mena
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
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