Website Engineer — Framer (Remote)
Role: Website Engineer — Framer
🪩 Get Your Scholarship, Visa, Grant or Proposal Approved
Strategy, positioning, and expert restructuring for high-stakes applications.
⚡ Limited weekly review slots • Structured • Results-focused
Who is this for?
Applicants applying for competitive funding, study visas, academic programs, research grants, or professional proposals needing expert-level positioning.
Certivo transforms regulatory evidence into market access. The Website Engineer will own Certivo’s Framer web stack end-to-end: building a reusable component library, modeling CMS collections, wiring integrations (HubSpot, GA4/GTM, Calendly), and shipping high-performing landing pages that convert visitors into packet intent leads.
What you’ll own
- Framer site architecture: components, routing, responsive tokens and motion patterns.
- Design system parity: keep Figma and Framer in sync and maintain component documentation.
- Framer CMS: collections for Industries, Solutions, Evidence Packs, Resources, and Webinars with SEO fields and schema.
- Integrations: HubSpot forms/progressive profiling, Calendly, GA4/GTM events, LinkedIn pixel.
- CRO & experimentation: A/B tests, form optimization, and fast iteration on landing pages.
- Technical SEO & performance: sitemaps, hreflang, lazy-loading, WebP/AVIF images, structured data and Core Web Vitals tuning.
- Security, accessibility, and operational monitoring for the public site.
Must-have qualifications
- 3–6+ years building B2B SaaS marketing sites with deep Framer experience and live examples.
- Working knowledge of React and TypeScript for custom Framer code components.
- Strong technical SEO and Core Web Vitals know-how (LCP, INP, CLS).
- Hands-on with HubSpot, GA4/GTM, GSC, Calendly, and tag/pixel hygiene.
- Demonstrated CRO experience: A/B testing, UX copy, form optimization and data-driven experimentation.
Nice to have
- Experience in regulated or industrial markets.
- Webflow migration experience and familiarity with Lottie/AE for motion.
- Basic scripting for content ops and image pipelines.
What great looks like (KPIs)
- 90%+ CWV pass rate and LCP ≤ 2.5s on key pages.
- INP ≤ 200ms on mobile for primary flows.
- Conversion uplift on packet/sample pages hitting targets (demo/sample CTAs).
- Regular releases: 10–15 page/section launches per quarter.
- Accessibility AA compliance with zero critical violations on core flows.
Sample CV (Preview)
Role applied: Website Engineer – Framer
Summary:
Frontend engineer with 5+ years building conversion-led B2B marketing sites. Expert in Framer, React/TypeScript, technical SEO, and CRO.
Experience:
Company X — Lead Frontend Engineer
* Built Framer component library and CMS models; reduced page build time by 60%.
* Implemented GA4 event taxonomy and improved lead capture rate by 35%.
Skills:
Framer, React, TypeScript, HubSpot, GA4/GTM, SEO, A/B testing, accessibility (WCAG 2.1 AA)
Sample Cover Letter (Preview)
I’m excited to apply for the Website Engineer role at Certivo. I specialize in building high-converting Framer sites where technical SEO, performance and component-driven design come together to drive measurable packet intent. At my current role I led the Framer migration that decreased time-to-publish and increased demo conversions. I’d love to help Certivo scale industries and evidence pack pages with production-ready components and rigorous CWV standards.
Sincerely,
[Your Name]
Sample Motivation Letter (Preview)
Sample Application Email (Preview)
Hi Certivo team,
Please find links to two live Framer projects and a short Loom showing the component/CMS structure. I’ve included a short case note showing a conversion lift I drove and a 60-day plan to rebuild the Industries hub. Happy to discuss further.
Best,
[Your Name]
Interview Preparation Guide
Role-specific questions (8–12)
- Describe a Framer project you shipped end-to-end. Which components and CMS models did you create?
- How do you ensure parity between Figma and Framer components?
- Explain your approach to improving LCP and INP on a content-heavy landing page.
- How do you implement progressive profiling with HubSpot forms in a Framer site?
- Walk us through an A/B test you ran: hypothesis, variant design, measurement, and result.
- How do you manage third-party scripts and tag hygiene (LinkedIn pixel, GTM) without harming performance?
- Describe how you model structured data and hreflang in Framer CMS entries.
- How would you integrate a lightweight calculator/checklist using a custom React component?
Suggested talking points
- Show live links and a short Loom to demonstrate component reusability and CMS fields.
- Explain metrics: LCP/INP targets, conversion uplift, bounce rate reduction.
- Mention specific tools: Lighthouse, WebPageTest, GA4 event names, Hotjar/Clarity heatmaps.
- Give examples of accessibility fixes and the exact WCAG rules you applied.
General interview questions (5–7)
- Tell me about a time you led a cross-functional release.
- How do you prioritize technical debt versus feature cadence?
- Describe how you measure the impact of your work.
- How do you handle feedback from PMM or design that conflicts with performance goals?
- Where do you want to grow technically in the next year?
Do’s & Don’ts (role-tailored)
- Do: Share live Framer URLs and a Loom showing component structure.
- Do: Quantify conversion or performance improvements with metrics.
- Do: Demonstrate familiarity with Core Web Vitals and accessibility fixes.
- Do: Prepare a short 60-day plan for immediate wins.
- Don’t: Rely only on screenshots—inspect live interactions.
- Don’t: Overcommit to complex engineering work without delivery tradeoffs.
- Don’t: Ignore tagging and analytic governance—measurement matters.
Preparation checklist
- Gather 2–3 live Framer project URLs and access metrics if possible.
- Record a 3–5 minute Loom demonstrating component/CMS structure.
- Prepare a one-page 60-day plan (Priorities, Quick wins, KPIs).
- Review Core Web Vitals, Lighthouse audit, and a11y checklist.
- Test your mic, webcam, and screen-share flow for interviews.
Extra pro tips
- Bring a short before/after case showing a measurable lift in conversion or speed.
- Discuss tradeoffs: how you balanced motion, images, and LCP for UX.
- Prepare a simple script or command list you use for performance audits.
Tips to Work With: Website Engineer (Framer)
1. Overview
This role builds and operates a conversion-driven, SEO-sound Framer site. You’ll partner with PMM, Organic Growth and Design to ship pages that generate packet intent and drive demos. Key responsibilities include architecture, CMS modeling, integrations and CRO experiments.
2. Step-by-step process
Typical workflow for a packet page:
- 1. Requirement & SEO brief from PMM / Growth
- 2. Design component spec with Product Designer (Figma ↔ Framer parity)
- 3. Implement components and CMS fields in Framer
- 4. Hook integrations (HubSpot form, GTM events, Calendly)
- 5. Run A/B tests and measure via GA4 / Hotjar
- 6. Iterate and publish; update changelog and run regression checks
3. Illustrative example (problem → solution)
Problem: Industry landing pages had slow LCP and low demo conversions.
Solution: Rebuilt hero as a lightweight component, replaced hero image with optimized AVIF, lazy-loaded below-the-fold assets, added a sticky, progressive HubSpot form, and launched an A/B test. Result: LCP dropped to 2.1s and demo conversions increased by 28%.
4. Learning & resources
- Framer Learning (official) — free guides and docs
- Free course: Website Performance Optimization (Coursera)
- Professional certificate: Technical SEO or Web Performance program (industry providers)
How to apply: Email with two to three live Framer project URLs, a short Loom showing the component/CMS structure, one conversion-lift case (metrics), and a 60-day rebuild plan for Industries/Evidence Pack pages. Or apply via the listing: Apply
WhatsApp Job Alerts |
Telegram Vault |
Proven Tools
Subscribe & Unlock Free Templates
Hey Reader! I affirm through this post that you get the job or opportunity you desire and apply for this month. – Jane Emmanuel