Abel Gapani - Framer Designer | ContraWork by Abel Gapani
Abel Gapani
pro

Abel Gapani

Framer Web Designer — Sites that convert.

Ready for work

Abel is ready for their next project!

Cover image for AI Academies — High-Ticket Application
AI Academies — High-Ticket Application Funnel A mentorship program selling a $20k/mo AI agency curriculum needed to justify that price point to cold traffic — and a standard sales page wasn't going to do it. I designed the funnel around positioning this as a proven operating system, not another course promising theory: the founder's credibility, an 8-week module breakdown, and real student outcomes, structured as a tight narrative arc so visitors were pre-sold on value before ever reaching the application form. Rather than a standard checkout, the funnel routes qualified leads into an application process instead — filtering for serious operators while reinforcing exclusivity, built to convert cold traffic into applicants ready to invest at a high ticket. Tools: Framer, Figma Timeline: 2026 Role: Solo — design, build, funnel strategy
0
76
Cover image for Marble Studio — Creative Agency
Marble Studio — Creative Agency Template A concept built around a simple idea: an agency site should sound as confident as the agency it represents. From the first line, Marble Studio leans into a bold, unapologetic tone — positioning the studio as a partner for brands that refuse to blend in. That attitude is backed with real weight: hard numbers ($256k+ raised through collaborations) and instantly recognizable client names like Starbucks, Nike, and Louis Vuitton, alongside a structured expertise section spanning Brand Identity, Web & UX Design, and Motion & Visual Art. Rather than close on another agency claim, the site ends on direct client testimonials and a clear path to book a call — bookended by the same oversized, confident wordmark treatment in the hero and footer. Tools: Framer, Figma Type: Self-directed design exploration Live: marblestudio.framer.website (http://marblestudio.framer.website)
0
74
Cover image for Modern Desert Gardens — Landscaping
Modern Desert Gardens — Landscaping Concept Design A concept design built around a specific question: what does a landscaping company site look like when it's designed with the same care as the outdoor spaces it's selling? Built around the character of Palm Springs living — warm sunset tones, cactus silhouettes, desert plantings shot at golden hour — the goal was a site that felt as considered as a high-end landscape design itself, not a generic contractor template. Since landscaping is a significant investment, the design leans on elegant serif headlines, a clear services grid (design, planting, lighting, irrigation, installation), and real client-style testimonials to build confidence before a visitor requests a quote. Every section — from the hero's "Get a Free Quote" CTA through the FAQ and newsletter signup — funnels toward the same goal: turning a homeowner browsing at night into a booked consultation the next morning. Tools: Framer, Figma Type: Self-directed design exploration Live: moderndesertgardens.framer.website (http://moderndesertgardens.framer.website)
0
73
Cover image for Ferra AI — Template for
Ferra AI — Template for AI Automation Agencies A self-directed exploration built around a specific problem: AI automation feels abstract to non-technical buyers, so how do you make it feel concrete enough to say yes to? Ferra opens by showing the work in motion — a live-feeling stack of integration cards (Framer Form, HubSpot, OpenAI, Slack, Calendly, Gmail) firing in sequence, turning "we build automations" into something a visitor can actually watch happen. Structure does the rest of the trust-building: a clear four-step process from strategy call to launch, six concrete service offerings, and three named use cases so different visitor types immediately see themselves in the offer. Testimonials and tiered pricing (Lite, Core, Elite) give visitors a self-serve way to gauge fit before every section funnels toward the same action: book a call. Tools: Framer, Figma Type: Self-directed design exploration Live: ferra.framer.ai (http://ferra.framer.ai)
0
75