Project Overview
Client: Keen
Platform: Framer
Role: Full UX/UI design, Framer development, CMS-style content management
Objective: Present Keen as a premium offshore staffing partner, effectively convert both hiring managers and potential talent, and showcase the human side of their distributed teams.
Core Design & Layout Features
Bold Hero Section
Opens with a striking visual and headline—“Build Your Dream Team”—immediately communicating value. A prominent CTA drives visitors to learn more or get started.Solution Framework
A clear section explaining Keen’s model and differentiation—premium offshore talent, fully managed—aimed at positioning them beyond generic freelancer platforms. Visual hierarchy guides readers through key points subtly yet powerfully.Roles Showcased Visually
Uses Framer’s ability for seamless layout to display core hiring categories (e.g., Graphic Designer, UGC Strategist, UI/UX Designer). Users can quickly identify relevant roles through clean typography and intuitive grouping.Trust Signals with Testimonials
Real client quotes (e.g., from CEOs like Florent Cantat, Marc Kravets, Adam Wellington) are styled in bold format with client info, giving credibility and social proof.Process Transparency
A numbered workflow ("Discover → Pinpoint → Source → Vet → Launch → Scale") illustrates Keen’s hiring approach, helping potential clients understand the journey to engagement.Talent Location Spotlight
“Cape Town” and “Bogotá” sections highlight regional benefits—English proficiency, cultural fit, time zone alignment—reinforcing the global yet local narrative.
Challenges & Solutions
Balancing Scale with Personalization
Challenge: Keen needed to speak simultaneously to two audiences—employers looking to hire and offshore professionals considering joining. Introducing both clearly without confusing either was key.
Solution:
Framer’s flexible components were used to conditionally display sections—“For Employers” vs. “For Talent”—while maintaining a unified visual style. This ensured dual messaging without cluttering the layout.
Displaying Volume Without Loss of Clarity
Challenge: Keen offers multiple roles and hundreds of talent profiles; showing choices without overwhelming users was essential.
Solution:
Roles are grouped under collapsible or streamlined grids using Framer’s section toggles. Core roles show upfront, with a “+ More” option—helping users feel informed without being overloaded.
Impact & Effectiveness
Clear Brand Messaging: The tone and structure communicate Keen’s high-end positioning compared to low-cost gig platforms.
User-Centric Flow: Top CTAs (“See How It Works”, “Find Your Keen Hire”) are repeated through the journey to support conversions.
Content Ownership: Using Framer’s editable components, the team can update testimonials, roles, or location details without developer help.
Responsive & Fast: Despite content richness, the site loads quickly and displays well across devices—thanks to optimized layouts and Framer’s inherent performance.
Key Takeaways
Layered Messaging Works: When you serve multiple audiences, clear visual cues (headings, toggles) help guide each user without distraction.
Process Visibility Builds Trust: A clear numbered path increases confidence and eases decision-making.
Content Flexibility Matters: Framer’s modular blocks empower marketing teams to refresh content easily.
Balance Richness and Speed: Showcasing roles and testimonials in a performance-first environment keeps users engaged and satisfied.