Framer Expert (Remote)

📍 Job Overview

Job Title: Framer Expert (Remote)

Company: Wing Assistant

Location: England, United Kingdom

Job Type: Full Time

Category: Marketing Operations / Web Development & Design

Date Posted: April 27, 2026

Experience Level: Mid-Level (2-5 years)

Remote Status: Fully Remote

🚀 Role Summary

• Spearhead the creation and optimization of high-impact, conversion-focused landing pages using Framer, a critical component of the company's GTM strategy.

• Drive measurable growth by designing and implementing advanced micro-interactions, scroll-based animations, and performant load times within Framer builds.

• Translate complex product narratives and user flows into visually striking and effective web experiences that serve as a primary growth channel.

• Maintain and evolve a living design system to ensure visual consistency and scalability across multiple product sites and marketing campaigns.

• Execute rapid A/B experiments within Framer, systematically testing and iterating on page elements, CTAs, and animation timing to achieve significant conversion rate uplifts.

📝 Enhancement Note: This role, while not strictly a Revenue Operations or Sales Operations title, is crucial for GTM success by directly impacting lead generation and conversion rates through expert web design and optimization. The focus on Framer, A/B testing, and conversion metrics aligns strongly with operational efficiency and performance measurement principles vital in Ops roles.

📈 Primary Responsibilities

• Develop pixel-perfect landing pages within Framer, incorporating sophisticated micro-interactions, scroll-based animations, and optimizing for fast, performant load times.

• Prototype, test, and refine complex motion sequences to establish a unique and differentiating visual identity for the company's web presence.

• Map out narrative arcs, user flows, and conversion goals, translating early-stage ideas and content into high-fidelity visual designs, potentially with initial conceptualization in Figma.

• Build and maintain a scalable, reusable design system of Framer components (e.g., hero sections, pricing tables, testimonial sliders) to accelerate future page development.

• Implement and manage rapid A/B experiments directly within Framer, focusing on optimizing sections, calls-to-action (CTAs), and animation timing to achieve measurable improvements in conversion rates.

• Ensure all web builds meet high performance standards (Lighthouse score 90+), are fully responsive across all devices, and adhere to fundamental SEO best practices.

• Document best practices, component libraries, and hand-off guides to facilitate knowledge sharing and enable other team members or builders.

📝 Enhancement Note: The emphasis on shipping "at least two new high-impact landing pages per month" and achieving "≥20% lift in sign-ups" highlights a results-oriented operational framework. The target of cutting future page build time by 50% through a reusable motion library underscores a focus on efficiency and scalable operations.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong portfolio demonstrating expertise is paramount. A background in Graphic Design, Web Design, Human-Computer Interaction, or a related field is beneficial.

Experience: 2-5 years of professional experience in web design, with a significant focus on building and optimizing landing pages, ideally in a fast-paced, product-driven environment.

Required Skills:

• Framer Fluency: Advanced proficiency with Framer, including variables, code overrides, CMS capabilities, and component creation.

• Motion Design Expertise: A strong visual design eye with proven ability to create engaging micro-interactions and scroll-based animations.

• Prototyping Skills: Experience with design and prototyping tools such as Figma is essential; After Effects proficiency is a plus for complex motion sequences.

• Web Performance Optimization: Solid understanding of performance budgets, lazy-loading strategies, modern web standards, and tools like Lighthouse for performance analysis.

• Conversion-Focused Design: Ability to design with clear conversion goals in mind, understanding user flows and CTA optimization.

• Design Systems: Experience in building and maintaining scalable design systems and component libraries.

• A/B Testing: Practical experience in designing and executing A/B tests to drive measurable improvements in key metrics.

• Agile & Async Workflows: Thrives in fast-iteration, founder-driven, and asynchronous communication environments.

• Portfolio: A compelling portfolio showcasing impactful landing pages with advanced motion and proven conversion results.

Preferred Skills:

• SEO Fundamentals: Understanding of basic SEO principles for web content optimization.

• Code Overrides: Familiarity with code overrides in Framer for enhanced functionality.

• 3D Design Tools: Experience with tools like Spline or similar for integrating 3D elements.

• Animation Libraries: Familiarity with LottieFiles for complex animations.

• AI Design Tools: Experience with v0.dev or similar AI-assisted design tools.

📝 Enhancement Note: The requirement for "Framer fluency" and a "portfolio that proves you can make people stop scrolling" indicates a need for highly specialized practical skills rather than broad theoretical knowledge. The emphasis on "treating design like product—hypothesis, test, learn, iterate" points to an operational mindset focused on continuous improvement and data-driven decision-making.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Framer Build Showcase: A significant portion of the portfolio must demonstrate complex Framer builds with advanced animations, micro-interactions, and interactive elements.

• Conversion Impact Case Studies: Detailed case studies highlighting specific landing pages built, the conversion goals, the design and optimization strategies employed, and quantifiable results (e.g., sign-up lift, conversion rate improvement).

• Design System Examples: Visual examples or documentation of design systems or component libraries created, showcasing reusability, scalability, and consistency.

• Performance Metrics: Evidence of achieving high performance scores (e.g., Lighthouse reports) for web builds, demonstrating an understanding of web performance optimization.

• Figma/Prototyping Work: Examples of Figma or other prototyping tool usage, particularly where it preceded or complemented Framer development.

Process Documentation:

• Workflow Design: Ability to articulate the process of translating a brief or idea into a fully functional Framer page, including user flow mapping and wireframing.

• A/B Testing Methodology: Documentation of how A/B tests were designed, implemented, and analyzed to drive optimization decisions.

• Performance Testing & Iteration: Description of how performance was tested and iterated upon to meet or exceed target metrics like Lighthouse scores.

📝 Enhancement Note: The "Async Test – Build a mini hero section in Framer from our brief" is a direct portfolio assessment. The emphasis on "Outcome 1: Conversion-First Landing Pages" and "Outcome 2: Reusable Motion Library" implies the portfolio should directly address these expected results.

💵 Compensation & Benefits

Salary Range: While not explicitly stated, based on the "Framer Expert" title, required skills, remote nature, and UK location, a competitive salary range for a mid-level professional (2-5 years experience) in the UK would likely fall between £45,000 - £70,000 per annum. This estimate accounts for the specialized Framer skill, the emphasis on performance bonuses tied to metrics, and the potential for rapid salary growth for high impact.

Benefits:

• Competitive Pay: Base salary commensurate with experience and demonstrated skills.

• Performance Bonuses: Bonuses tied directly to the performance metrics of the landing pages built, incentivizing operational success.

• Remote-First Culture: Flexibility and autonomy afforded by a fully remote work environment.

• Optional Jams: Opportunities for in-person collaboration and networking in locations like Hong Kong, India, or London.

• Rapid Salary Growth: Potential for significant compensation increases (up to double comp within a year) for top performers who demonstrate high impact.

• Full AI & Design Stack Access: Access to premium tools including Framer Pro, Figma, GPT-4, Claude, v0, LottieFiles, and Spline, supporting operational workflows.

• Learning Budget: Allocated funds for professional development, courses, plugins, or conferences to enhance skills and operational knowledge.

• Zero Micromanagement: Emphasis on ownership, autonomy, and visible impact, fostering an environment where operational efficiency is driven by individual initiative.

Working Hours: The role is described as full-time, implying a standard 40-hour work week. However, the "remote-first culture" and "zero micromanagement" suggest a degree of flexibility in scheduling, as long as outcomes are met and collaboration needs are addressed.

📝 Enhancement Note: The "Rapid salary growth for high impact—top performers can double comp within a year" is a significant incentive that suggests a performance-driven compensation model, akin to performance bonuses often seen in sales and operations roles where measurable output directly correlates with compensation. The salary estimate is based on UK market data for specialized web design and development roles with performance-based incentives.

🎯 Team & Company Context

🏢 Company Culture

Industry: The company operates within the Artificial Intelligence (AI) and Productivity Software sectors, focusing on developing AI B2B products to automate workflows and enhance team productivity. This context suggests a forward-thinking, technologically advanced, and innovation-driven environment.

Company Size: While not explicitly stated, the description of "founder-driven environments," "optional jams," and a "remote-first culture" suggests a growing startup or scale-up phase, likely ranging from 50-200 employees. This size implies a dynamic, agile structure where individual contributions have a significant and visible impact.

Founded: The company's founding date is not provided, but the emphasis on "shipping the next evolution of human productivity" and "AI B2B products" indicates a relatively modern company, likely founded within the last 5-10 years to be at the forefront of AI advancements.

Team Structure:

• The operations and marketing functions are likely integrated, with this role reporting to a Marketing Lead or potentially a Product Lead overseeing GTM initiatives.

• Collaboration is expected to be highly cross-functional, involving product managers, AI engineers, and marketing strategists to translate product vision into compelling web experiences.

Methodology:

• Data-Driven Iteration: A core methodology revolves around hypothesis-driven design and A/B testing to continuously improve conversion rates and user engagement.

• Agile Development: The emphasis on "fast-iteration" and "rapid A/B experiments" points to agile development principles applied to web design and marketing efforts.

• Outcome-Oriented Execution: The role is defined by specific, measurable outcomes (e.g., landing page conversion lift, build time reduction), indicating a focus on delivering tangible results.

Company Website: https://wingassistant.com/ (Note: The description mentions M32.ai, but the job posting URL is for Wing Assistant. Assuming M32.ai is a product or division of Wing Assistant, or there's a typo in the provided description. For the purpose of this enhancement, we'll proceed with the information as presented, noting the potential discrepancy.)

📝 Enhancement Note: The combination of AI, B2B products, and a focus on human productivity suggests a company aiming to disrupt traditional workflows. This operational environment demands individuals who are adaptable, efficient, and can translate technological advancements into tangible business outcomes.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Mid-Level Specialist, focusing on deep expertise in Framer and conversion-optimized web design. It's not a management role but a highly impactful individual contributor position. The scope is significant, directly influencing lead generation and brand perception.

Reporting Structure: The role likely reports to a Head of Marketing, Growth Marketing Manager, or potentially a Product Manager, depending on the specific organizational structure. The "founder-driven" environment suggests direct exposure and feedback loops with senior leadership.

Operations Impact: The impact of this role is directly tied to revenue generation and customer acquisition. By building high-converting landing pages and optimizing user flows, this individual will directly influence:

• Lead Volume: Increasing the number of qualified leads entering the sales funnel.

• Conversion Rates: Improving the efficiency of the marketing funnel, leading to higher sales.

• Brand Perception: Shaping the initial online impression of the company and its AI products.

• Marketing ROI: Enhancing the effectiveness of marketing spend by improving campaign performance.

Growth Opportunities:

• Specialization Mastery: Deepen expertise in Framer, advanced web animation, and conversion rate optimization, becoming a go-to expert.

• Cross-Functional Skill Development: Gain exposure to AI product strategy, marketing analytics, and potentially front-end development through collaboration.

• Leadership Potential: As the company grows, opportunities may arise to lead specific web initiatives, mentor junior designers, or transition into a Growth Marketing or Product Design leadership role.

• Performance-Based Advancement: The explicit mention of "rapid salary growth for high impact" and "performance bonuses" indicates a clear path for career progression tied to tangible results and contributions.

📝 Enhancement Note: The emphasis on "zero micromanagement—full ownership, visible impact, serious upside" suggests a performance-driven culture where career advancement is tied to demonstrable output and strategic contribution, a common trajectory for impactful roles within growing tech companies.

🌐 Work Environment

Office Type: The company operates with a Remote-First culture, meaning that remote work is the primary mode of operation. This fosters flexibility and allows talent to be sourced globally.

Office Location(s): While the role is remote, the company mentions "optional jams in Hong Kong, India, or London." These locations may represent existing hubs for the company or potential future collaboration spaces. For this remote role based in England, the primary "office" is the employee's home workspace.

Workspace Context:

• Autonomy and Ownership: Employees are expected to manage their own time and workflow effectively, with a high degree of autonomy.

• Digital Collaboration Tools: The environment relies heavily on digital communication and collaboration tools (Framer, Figma, GPT-4, Claude, etc.) for seamless remote interaction.

• Performance-Oriented: The culture is geared towards achieving measurable outcomes, with a focus on output rather than hours worked.

• Innovation Hub: Access to a "full AI & design stack" implies a commitment to providing cutting-edge tools that support efficient and innovative work processes.

Work Schedule: The role is full-time, typically implying around 40 hours per week. However, the remote-first and zero-micromanagement approach suggests flexibility in daily scheduling, as long as core responsibilities are met, deadlines are adhered to, and collaborative sessions are attended. This allows for better work-life integration, a key aspect for remote operations professionals.

📝 Enhancement Note: The "optional jams" suggest that while remote work is standard, there's an acknowledgment of the value of in-person interaction for team building and strategic alignment, offering a hybrid element for those who choose to participate.

📄 Application & Portfolio Review Process

Interview Process:

• Intro Call (20 min): Focus on cultural fit, understanding the candidate's motivations, career goals, and alignment with the company's fast-paced, async, founder-driven environment. Be prepared to discuss your working style and how you thrive in remote settings.

• Async Test: A practical, hands-on assessment. Candidates will be given a brief to build a mini hero section in Framer. This is a critical opportunity to showcase Framer fluency, motion design skills, and ability to interpret requirements quickly.

• Final Call (45 min): A live design critique session with the founder and marketing lead. This will involve discussing the async test submission, potentially making live edits, and delving deeper into design rationale, problem-solving approaches, and how your work aligns with conversion goals and brand differentiation.

Portfolio Review Tips:

• Highlight Framer Expertise: Ensure your portfolio prominently features your best Framer projects, emphasizing advanced features like code overrides, animations, and CMS.

• Quantify Impact: For each project, clearly articulate the objective, your role, the strategies you employed, and crucially, the measurable results (e.g., conversion rate improvements, engagement metrics). Use specific numbers and data points.

• Showcase Motion Design: Dedicate sections to demonstrating your motion design capabilities. Use video snippets or interactive demos within your portfolio to showcase animations and micro-interactions effectively.

• Explain Your Process: Be ready to walk through your design process for key projects – from initial concept and wireframing to final build and optimization. Explain your rationale behind design decisions.

• Tailor to Outcomes: Align your portfolio presentation with the stated outcomes of the role (Conversion-First Landing Pages, Reusable Motion Library, Brand Differentiation).

Challenge Preparation:

• Master Framer Features: Revisit and practice all aspects of Framer, especially code overrides, variables, and responsive design settings.

• Study Performance Optimization: Refresh your knowledge on Lighthouse scores, image optimization, lazy loading, and other techniques to ensure fast load times.

• Understand Conversion Principles: Review core principles of conversion rate optimization (CRO), AIDA (Attention, Interest, Desire, Action), and user psychology in web design.

• Prepare Case Studies: Have 2-3 detailed case studies ready to discuss, focusing on projects where you significantly impacted conversion rates or brand perception through web design.

• Articulate Async Workflow: Be ready to explain how you manage tasks, communicate, and collaborate effectively in an asynchronous remote environment.

📝 Enhancement Note: The interview process is designed to rigorously test practical skills (async test) and strategic thinking (live critique). A strong portfolio that directly addresses the "Outcomes" listed in the job description will be crucial for success.

🛠 Tools & Technology Stack

Primary Tools:

• Framer: The core tool for building and optimizing landing pages. Expertise in its full suite, including advanced features like code overrides, CMS, and variables, is mandatory.

• Figma: Used for initial design conceptualization, wireframing, and potentially creating assets or prototypes before implementation in Framer.

• After Effects (Preferred): Useful for creating complex motion graphics or animations that might be translated into Framer or used as inspiration.

Analytics & Reporting:

• Lighthouse: Essential for performance audits and ensuring builds meet high-speed standards.

• Web Analytics Tools (e.g., Google Analytics, Heap, etc.): While not explicitly named, understanding how to interpret data from these tools will be crucial for A/B testing and performance analysis.

• A/B Testing Platforms (Integrated within Framer): The role will leverage Framer's capabilities for rapid experimentation.

CRM & Automation:

• CRM Systems (e.g., HubSpot, Salesforce): While not directly a CRM role, understanding how landing pages feed into CRM systems for lead management is beneficial.

• Marketing Automation Tools: Awareness of how landing page performance impacts broader marketing automation workflows.

• Integration Tools: Understanding how web elements integrate with other systems for data flow.

AI & Design Stack:

• GPT-4, Claude: For content generation, ideation, or potentially assisting with code snippets.

• v0.dev: AI-powered component generation tool.

• LottieFiles: For advanced animation integration.

• Spline: For 3D design and animation integration.

📝 Enhancement Note: The comprehensive "Full AI & design stack" provided indicates a commitment to equipping the team with cutting-edge tools, enabling efficient and innovative workflows. Proficiency with Framer is the absolute non-negotiable technical requirement.

👥 Team Culture & Values

Operations Values:

• Craftsmanship & Quality: A strong emphasis on building "pixel-perfect" and high-quality web experiences with attention to detail in design, motion, and performance.

• Data-Driven Decision Making: Treating design as a product, utilizing hypothesis, testing, learning, and iteration to drive improvements based on metrics.

• Efficiency & Speed: Operating in a "fast-iteration" environment, aiming to reduce build times and deliver impactful results quickly.

• Ownership & Autonomy: A culture of "zero micromanagement" where individuals are trusted to manage their work, take initiative, and drive outcomes.

• Innovation: Embracing new technologies and approaches, particularly in AI and advanced web design, to stay ahead of competitors.

Collaboration Style:

• Asynchronous First: Communication and collaboration primarily occur through digital channels, with an emphasis on clear, concise written communication and documentation.

• Cross-Functional Integration: Close collaboration with marketing, product, and potentially engineering teams to ensure web experiences align with product strategy and business goals.

• Feedback-Oriented: Openness to receiving and providing constructive feedback, particularly during design critiques and iteration cycles, to enhance quality and performance.

• Knowledge Sharing: Encouragement to document best practices and share learnings to build collective expertise within the team.

📝 Enhancement Note: The values emphasize a blend of high technical skill, a results-oriented mindset, and independent work ethic, characteristic of successful remote teams in the tech industry.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Speed and Quality: The need to ship "at least two new high-impact landing pages per month" while maintaining "pixel-perfect" quality and "performant load times" requires exceptional efficiency and time management.

• Rapid Iteration Cycles: Adapting quickly to feedback and data-driven insights to iterate on designs and features in a fast-paced environment.

• Staying Ahead of Trends: Continuously learning and integrating new web design techniques, animation styles, and AI design tools to maintain a competitive visual edge.

• Remote Collaboration Effectiveness: Mastering asynchronous communication and collaboration to ensure seamless teamwork and project progression without direct, in-person oversight.

Learning & Development Opportunities:

• Advanced Framer Techniques: Deepen expertise in Framer's more complex features, including custom code integrations and advanced animation workflows.

• Conversion Rate Optimization (CRO) Mastery: Develop a sophisticated understanding of CRO principles and their application in web design and experimentation.

• AI-Assisted Design: Explore and integrate emerging AI tools (like v0.dev) into the design and development workflow.

• Performance Optimization Expertise: Become a go-to expert for web performance, ensuring all builds meet stringent speed and accessibility standards.

• Exposure to AI Product Strategy: Gain insights into the development and GTM strategies for AI B2B products, broadening understanding of the business context.

📝 Enhancement Note: The challenges are inherent to a high-growth, remote-first tech environment, pushing individuals to develop resilience, adaptability, and continuous learning habits. The growth opportunities are directly linked to mastering the core skills and embracing the company's innovative approach.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for translating a complex product narrative into a high-converting landing page using Framer. How do you balance aesthetics with performance and conversion goals?"

  • Preparation: Be ready to walk through a case study, detailing your steps from brief to execution, highlighting how you incorporated motion, CTAs, and performance optimization.

• "How do you approach A/B testing within Framer? Can you give an example of a test you ran, your hypothesis, and the impact it had on conversion rates?"

  • Preparation: Prepare a specific example demonstrating your understanding of experimental design and data-driven iteration.

• "In a remote, asynchronous environment, how do you ensure effective communication and collaboration with stakeholders like founders and marketing leads?"

Company & Culture Questions:

• "What interests you about M32.ai (or Wing Assistant's) mission and its approach to AI-driven productivity?"

  • Preparation: Research the company's mission, products, and recent developments. Connect your skills and career aspirations to their goals.

• "How do you see your role contributing to the company's growth and brand differentiation?"

  • Preparation: Refer to the "Outcomes" in the job description and explain how your Framer expertise and design philosophy will directly achieve them.

• "Describe a time you had to iterate rapidly on a design based on performance data or user feedback. What was your approach?"

Portfolio Presentation Strategy:

• Framer First: Begin your walkthrough by showcasing your strongest Framer projects, highlighting the most complex animations and interactive elements.

• Outcome-Driven Narratives: For each project, clearly state the objective and the tangible results achieved, linking your design decisions directly to business outcomes like conversion lifts.

• Demonstrate Motion Design Skills: Use interactive demos or video clips to vividly illustrate your animation and micro-interaction capabilities.

• Explain Technical Choices: Be prepared to discuss why you chose certain Framer features, performance optimization techniques, or design patterns.

• Highlight Reusability: If applicable, showcase components or design system elements that demonstrate your ability to create scalable solutions.

📝 Enhancement Note: The interview process is designed to assess both deep technical skill (Framer mastery, motion design) and strategic thinking (conversion optimization, data-driven iteration). Your ability to clearly articulate your process and demonstrate quantifiable impact will be key.

📌 Application Steps

To apply for this Framer Expert position:

• Submit your application through the provided Lever link.

• Tailor Your Resume: Ensure your resume highlights Framer proficiency, experience with landing page optimization, motion design, and any quantifiable achievements in conversion rate improvement. Use keywords from the job description.

• Curate Your Portfolio: Select your strongest Framer projects that best demonstrate the required skills and align with the stated outcomes. Ensure it's easily navigable and highlights your motion design and conversion expertise. Provide a clear link to your online portfolio.

• Prepare for the Async Test: Familiarize yourself with Framer's capabilities and practice building a hero section quickly based on a prompt. Focus on clean design, smooth animations, and responsiveness.

• Research the Company: Understand Wing Assistant's mission, its AI products, and its approach to human productivity. Prepare thoughtful questions for the interview stages.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.

---