Framer Expert (Remote)

📍 Job Overview

Job Title: Framer Expert (Remote)

Company: Wing Assistant (M32 AI)

Location: India (Remote)

Job Type: Full Time

Category: Marketing Operations / Web Design & Development

Date Posted: April 27, 2026

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

Remote Status: Fully Remote

🚀 Role Summary

• Develop and deploy high-impact, pixel-perfect landing pages using Framer, focusing on conversion optimization and user engagement.

• Create and maintain a reusable motion library and scalable design system within Framer to accelerate future development cycles.

• Implement sophisticated micro-interactions, scroll-based animations, and performant load times to enhance user experience and brand differentiation.

• Conduct rapid A/B testing and experimentation within Framer to iteratively improve page performance, conversion rates, and user acquisition.

• Collaborate closely with product and marketing teams in a fast-paced, asynchronous environment to translate early-stage ideas into high-fidelity web experiences.

📝 Enhancement Note: This role, while presented as a "Framer Expert," sits at the intersection of Marketing Operations and specialized Web Design/Development. The core function is to leverage Framer not just for visual design, but as a tool for driving measurable business outcomes like conversions and user acquisition, aligning it closely with operations objectives. The emphasis on A/B testing, performance, and SEO further solidifies its operations-centric nature within the marketing function.

📈 Primary Responsibilities

• Architect, build, and deploy visually striking and highly performant landing pages in Framer, incorporating advanced animations and interactive elements.

• Design and implement a comprehensive, reusable component library and design system within Framer to ensure brand consistency and reduce build times by at least 50%.

• Map user flows, narrative arcs, and conversion goals for new product launches and marketing campaigns, ensuring web experiences align with business objectives.

• Execute continuous A/B testing strategies on various page elements (sections, CTAs, animation timing) to achieve a minimum 20% lift in sign-ups compared to legacy pages.

• Ensure all developed web assets adhere to modern web standards, achieving Lighthouse scores of 90+ for performance and meeting basic SEO requirements.

• Translate wireframes and early-stage concepts from tools like Figma into production-ready Framer builds, sometimes utilizing code overrides for custom functionality.

• Document best practices, component usage guides, and hand-off protocols for other team members or future builders to ensure scalability and knowledge transfer.

• Benchmark M32 AI's web presence against top competitors, identifying opportunities to establish a distinct and visually superior brand aesthetic.

📝 Enhancement Note: The responsibilities emphasize a blend of creative execution and data-driven optimization. The outcomes are quantified (e.g., "at least two new high-impact landing pages per month," "≥20% lift in sign-ups," "cut future page build time by 50%"), which is a key characteristic of operations roles focused on efficiency and measurable impact.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong foundation in design principles, web development fundamentals, or a related field is expected.

Experience: 2-5 years of professional experience in web design, front-end development, or a specialized role focused on building high-performance websites, with a significant portion of that experience using Framer.

Required Skills:

• Fluency in Framer, including advanced features such as variables, code overrides, CMS integration, and component libraries.

• Strong proficiency in motion design principles and the ability to prototype complex animations.

• Demonstrated experience in translating design concepts from tools like Figma into functional web pages.

• Understanding of web performance optimization techniques, including lazy-loading strategies and modern web standards.

• Experience with rapid A/B testing methodologies and tools for conversion rate optimization (CRO).

• Ability to treat design as a product, employing a hypothesis-driven, test-learn-iterate approach.

• Excellent communication and collaboration skills, particularly in asynchronous and remote work environments.

Preferred Skills:

• Experience with animation prototyping tools such as After Effects or LottieFiles.

• Familiarity with basic SEO best practices for web content.

• Exposure to design systems and their implementation for scalable web projects.

• Understanding of modern JavaScript, HTML, and CSS for effective code overrides in Framer.

• Experience with AI/ML tools relevant to content generation or design (e.g., v0, GPT-4, Claude).

📝 Enhancement Note: The emphasis on Framer fluency, motion design, performance, and A/B testing points towards a mid-level to senior individual contributor role. The "2-5 years" experience level is a reasonable inference for someone expected to independently build complex pages and contribute to a design system.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A curated collection of Framer projects demonstrating expertise in building sophisticated landing pages and interactive web experiences.

• Case studies that highlight specific instances of driving conversion rate improvements through design and animation, quantifying the impact.

• Examples of reusable Framer components and a functioning design system that showcases scalability and consistency.

• Demonstrations of performance optimization, including metrics or Lighthouse scores for developed projects.

Process Documentation:

• Evidence of establishing and documenting best practices for Framer development and design system implementation.

• Guides or examples of hand-off processes for design assets and components to other team members.

• Documentation of A/B testing methodologies and analysis of results for iterative improvements.

• Case studies detailing the process of translating early-stage ideas into high-fidelity, production-ready web builds.

📝 Enhancement Note: For a role focused on building and optimizing web experiences, a portfolio is critical. The requirements here are tailored to showcase not just visual design, but also the operational impact (conversions, efficiency) and technical proficiency (performance, Framer features) expected from a specialized builder.

💵 Compensation & Benefits

Salary Range: Given the remote nature, the "India" location, and the mid-level experience (2-5 years) for a specialized role, a competitive salary range in India would likely fall between ₹1,000,000 - ₹2,500,000 per annum. This estimate is based on industry benchmarks for skilled web designers and developers in India, considering the specialized Framer skill and the potential for performance-based bonuses.

Benefits:

• Competitive base pay with performance bonuses tied directly to landing page conversion metrics.

• Comprehensive access to a full AI and design technology stack, including Framer Pro, Figma, GPT-4, Claude, v0, LottieFiles, and Spline.

• A dedicated learning budget for professional development, including courses, plugins, and industry conferences.

• Remote-first culture with flexibility for optional collaborative sessions in global hubs like Hong Kong, India, or London.

• Significant opportunities for rapid salary growth for high-impact performers, with the potential to double compensation within a year.

• Zero micromanagement, offering full ownership, visible impact, and substantial upside potential.

Working Hours: This is a full-time role, typically requiring approximately 40 hours per week. The company emphasizes an asynchronous work environment, allowing for significant flexibility in scheduling work hours, provided tasks are completed efficiently and collaboratively within the team's needs.

📝 Enhancement Note: The salary estimate is derived from research on mid-level web development and design roles in India, adjusted upwards for the specialized Framer expertise and the company's stated potential for rapid compensation growth and performance bonuses. The inclusion of the "full AI & design stack" as a benefit is a significant perk for this role.

🎯 Team & Company Context

🏢 Company Culture

Industry: The company operates within the AI and Productivity Software sector, specifically focusing on B2B AI products designed to automate workflows and enhance team productivity. This implies a focus on innovation, cutting-edge technology, and delivering tangible value to business clients.

Company Size: Wing Assistant (M32 AI) is likely a growing startup or scale-up, indicated by its remote-first approach and rapid hiring pace. This environment typically fosters agility, direct impact, and close collaboration with leadership.

Founded: While the founding date isn't explicitly stated, the "next evolution of human productivity" and focus on AI suggest a relatively modern company, possibly founded within the last 5-10 years, aligning with the rapid advancement of AI technologies.

Team Structure:

• The operations team, specifically this role, is likely part of a lean, high-performing marketing or growth team. It may include specialists in content, performance marketing, and design.

• Reporting structure is likely flat, with this role reporting directly to a Marketing Lead, Head of Growth, or even a Founder, given the emphasis on direct impact and founder-driven environments.

Methodology:

• Data analysis and insights are central, with A/B testing and performance metrics (Lighthouse scores, conversion rates) driving decisions.

• Workflow planning and optimization are continuous, focusing on streamlining the design and development process through reusable components and design systems.

• Automation and efficiency are paramount, with the goal of accelerating build times and maximizing the impact of web assets.

Company Website: https://wingassistant.com/

📝 Enhancement Note: The company description highlights a strong focus on AI, productivity, and rapid iteration. The "remote-first culture" and "founder-driven environments" suggest a dynamic, results-oriented team where ownership and impact are highly valued. The mention of optional "jams" in Hong Kong, India, or London indicates a distributed global team with potential for in-person collaboration.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a specialized individual contributor at a mid-career level (2-5 years of experience). It requires deep expertise in a specific tool (Framer) and a strong understanding of its application to achieve business objectives like conversion rate optimization and brand differentiation. The focus is on execution, innovation within the toolset, and measurable output.

Reporting Structure: The role likely reports to a Marketing Lead, Head of Growth, or a senior member of the marketing/product team. Given the startup environment, direct access to founders or key decision-makers is probable.

Operations Impact: The operations impact of this role is direct and significant. By building high-converting landing pages and optimizing user journeys, this individual will directly influence lead generation, user acquisition, and ultimately, revenue growth for M32 AI's B2B AI products. Their work serves as a critical growth channel.

Growth Opportunities:

• Operations Skill Advancement: Deepen expertise in Framer, explore advanced animation techniques, and gain proficiency in other cutting-edge design and AI tools within the company's stack.

• Leadership Potential: Transition into a lead design role, manage a small team of web builders, or specialize further in CRO or performance marketing analytics as the company scales.

• Cross-functional Specialization: Develop a stronger understanding of product marketing, GTM strategy, and user research by collaborating closely with other departments, potentially leading to roles in product management or growth strategy.

• Performance-Based Advancement: The company explicitly mentions "rapid salary growth for high impact—top performers can double comp within a year," indicating a clear path for accelerated career and compensation progression based on demonstrable results.

📝 Enhancement Note: The emphasis on rapid salary growth and doubling compensation within a year for top performers suggests a high-growth startup environment where exceptional contributions are quickly recognized and rewarded. This offers a distinct growth trajectory compared to more traditional corporate structures.

🌐 Work Environment

Office Type: This is a fully remote position. The company operates with a "remote-first" philosophy, meaning that remote work is the standard and is optimized for, rather than an exception.

Office Location(s): While fully remote, the company mentions optional "jams" (likely collaborative work sessions or retreats) in Hong Kong, India, or London. This indicates a global presence and potential for occasional in-person team gatherings.

Workspace Context:

• The workspace is virtual and asynchronous, requiring self-discipline, effective time management, and strong digital communication skills.

• Access to a comprehensive "AI & design stack" (Framer Pro, Figma, GPT-4, Claude, v0, LottieFiles, Spline) ensures team members have the necessary cutting-edge tools at their disposal.

• Collaboration is primarily digital, facilitated through platforms like Slack, email, and project management tools, fostering a culture of shared knowledge and remote teamwork.

Work Schedule: The role requires approximately 40 hours per week. While core hours might exist for critical meetings or handoffs, the asynchronous nature allows for significant flexibility in structuring the workday, enabling individuals to work during their most productive times, provided they meet deadlines and maintain team communication.

📝 Enhancement Note: The "remote-first" designation is crucial. It implies that infrastructure, communication, and culture are built around remote work, not adapted to it. The optional "jams" suggest a balance between remote flexibility and occasional in-person collaboration for team building and intensive project work.

📄 Application & Portfolio Review Process

Interview Process:

• Intro Call (20 min): A brief initial screening focused on cultural fit, understanding your career goals, and aligning them with the company's mission and fast-paced environment. Be prepared to discuss your motivations for seeking a remote, async role and your interest in M32 AI's mission.

• Async Test: This practical assessment involves building a mini hero section in Framer based on a provided brief. Focus on demonstrating your core Framer skills, attention to detail, understanding of design principles, and ability to execute within a given scope and timeframe. Ensure your build is clean, performant, and visually appealing.

• Final Call (45 min): A live design critique session with a founder and the marketing lead. This is your opportunity to present your async test work, discuss your design choices, explain your process, and articulate how your Framer expertise can drive business outcomes. Be ready to answer questions about motion design, performance optimization, and conversion strategies.

• Offer: The company aims for a swift hiring process, typically closing within 10-14 days from the initial application.

Portfolio Review Tips:

• Highlight Framer Expertise: Ensure your portfolio prominently features Framer projects, showcasing specific functionalities like code overrides, complex animations, and CMS implementations.

• Quantify Impact: For each relevant project, clearly articulate the business problem, your solution, and the measurable results achieved (e.g., increased conversion rates, reduced bounce rates, improved page load times). Use specific metrics and data.

• Showcase Motion Design: Include examples of sophisticated animations, micro-interactions, and scroll-based effects that demonstrate your ability to create engaging user experiences and a unique brand aesthetic.

• Demonstrate Process: Explain your design and development process, from initial concept and wireframing (mentioning tools like Figma) to final Framer build and optimization.

• Tailor to M32 AI: If possible, research M32 AI's current web presence and competitors. Consider how your portfolio examples demonstrate an understanding of their market and how you can contribute to their specific brand differentiation and conversion goals.

Challenge Preparation:

• Async Test Mastery: Practice building responsive and animated sections in Framer under timed conditions. Focus on clean code, efficient asset usage, and adherence to design best practices.

• Design Critique Readiness: Prepare to walk through your work, justify your design decisions, and discuss trade-offs. Be ready to receive constructive feedback and engage in a collaborative problem-solving discussion.

• Performance & SEO Awareness: Refresh your knowledge on web performance metrics (Lighthouse) and basic SEO principles, as these will likely be discussed during the critique.

📝 Enhancement Note: The interview process emphasizes practical skills (async test) and strategic thinking (design critique), aligning with the role's focus on tangible output and business impact. The portfolio is explicitly called out as proof of ability to "make people stop scrolling" and drive conversions.

🛠 Tools & Technology Stack

Primary Tools:

• Framer: The core platform for building and deploying websites, including advanced features like variables, code overrides, CMS, and components. Expertise here is paramount.

• Figma: Used for initial design, wireframing, prototyping, and collaborative design workflows before translation into Framer.

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

• Spline (Preferred): A 3D design tool that can be integrated into web experiences for advanced visual effects.

Analytics & Reporting:

• Framer's Built-in Analytics: For basic page performance and user interaction data.

• Google Analytics / Similar: For tracking website traffic, user behavior, and conversion goals.

• Lighthouse: Essential for auditing web page performance, accessibility, SEO, and best practices.

• A/B Testing Platforms (integrated within Framer or external): For running and analyzing experiments.

CRM & Automation:

• CRM System (e.g., HubSpot, Salesforce): While not directly managed by this role, understanding how landing pages feed into the CRM is important for conversion tracking.

• Marketing Automation Tools: Understanding how landing pages integrate with email marketing and lead nurturing workflows.

• Integration Tools: Familiarity with how Framer integrates with other platforms or services via APIs or webhooks might be beneficial.

📝 Enhancement Note: The tool stack is heavily focused on design and development, with Framer at the absolute center. The inclusion of AI tools like GPT-4, Claude, and v0 suggests a forward-thinking team exploring AI-assisted design and content creation.

👥 Team Culture & Values

Operations Values:

• Output-Oriented: The team values demonstrable results and tangible impact over simply putting in hours. "We hire for output, not pedigree" strongly emphasizes this.

• Craftsmanship & Quality: A commitment to "pixel-perfect" builds, "high-fidelity visuals," and "striking" web experiences. Attention to detail and a high standard for visual execution are key.

• Efficiency & Speed: The emphasis on Framer's capabilities, reusable components, and rapid A/B testing points to a culture that prioritizes speed of iteration and workflow optimization.

• Data-Driven Decision Making: Performance metrics, conversion rates, and A/B test results are critical for guiding design choices and validating success.

• Innovation & Experimentation: Encouraging rapid experimentation (A/B tests) and embracing new technologies (AI tools) to stay ahead and differentiate.

Collaboration Style:

• Async-First: Communication and collaboration are designed to work effectively without constant real-time interaction, relying on clear documentation, well-defined tasks, and proactive updates.

• Founder-Driven: Direct collaboration with founders and leadership is likely common, fostering an environment where ideas can be pitched and implemented quickly.

• Cross-Functional: Working closely with marketing, product, and potentially engineering teams to ensure alignment on goals and execution.

• Ownership & Autonomy: Team members are expected to take full ownership of their work, with "zero micromanagement," encouraging independent problem-solving and initiative.

📝 Enhancement Note: The culture appears to be a blend of a fast-paced startup environment with a strong emphasis on high-quality execution and measurable results. The "zero micromanagement" and "serious upside" suggest a high-trust, high-performance team.

⚡ Challenges & Growth Opportunities

Challenges:

• Rapid Iteration Demands: The need to constantly build new pages, run experiments, and iterate quickly can be demanding, requiring excellent time management and prioritization skills.

• Maintaining High Standards at Speed: Balancing the requirement for "pixel-perfect" and "striking" visuals with the need for rapid deployment and A/B testing can be a constant challenge.

• Translating Abstract Concepts to Visuals: Effectively interpreting early-stage ideas and copy into compelling, high-converting web experiences requires strong creative problem-solving.

• Staying Ahead of the Curve: With AI and web technologies evolving rapidly, continuous learning to master new tools and techniques within the Framer ecosystem and beyond is essential.

Learning & Development Opportunities:

• Mastering Framer Ecosystem: Deepen expertise in advanced Framer features, custom code overrides, and integration capabilities.

• CRO & Performance Specialization: Develop advanced skills in conversion rate optimization, user behavior analysis, and web performance tuning, potentially leading to a specialized CRO role.

• AI-Assisted Design: Gain hands-on experience with AI tools integrated into the workflow (e.g., v0 for component generation, GPT-4 for copy, Claude for ideation) to enhance efficiency and creativity.

• Growth Strategy Exposure: Through close collaboration with the marketing and product teams, gain insights into broader growth strategies, user acquisition funnels, and GTM initiatives.

📝 Enhancement Note: The challenges are framed around the demands of a high-growth, results-driven environment, while the growth opportunities focus on deepening specialized skills and expanding into adjacent areas of marketing and product development.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you significantly improved a landing page's conversion rate. What was your approach, what tools did you use, and what were the specific results?" (Focus on quantifiable outcomes, Framer application, and CRO methodology).

• "How do you approach building a reusable component library in Framer? What are the key considerations for scalability, maintainability, and consistency?" (Demonstrate understanding of design systems and efficient development practices).

• "You're given a brief for a new product landing page with minimal visual direction. How would you translate this into a high-impact, Framer-built experience that aligns with our brand aesthetic and drives sign-ups?" (Showcase your creative process, understanding of storytelling, and ability to work from ambiguity).

Company & Culture Questions:

• "Why are you drawn to a remote-first, asynchronous work environment, and how do you ensure productivity and collaboration in such a setting?" (Emphasize self-discipline, communication strategies, and understanding of async workflows).

• "What excites you most about M32 AI's mission to evolve human productivity with AI, and how do you see your role contributing to that vision?" (Connect your passion for design/development with the company's goals).

Portfolio Presentation Strategy:

• Structure for Impact: Organize your portfolio to lead with your strongest, most relevant Framer projects. For each, use a clear Case Study format: Problem -> Solution (your Framer build/design) -> Results (quantified metrics).

• Focus on Framer Nuances: When presenting, verbally highlight specific Framer techniques you used (e.g., custom code overrides for unique interactions, CMS for dynamic content, variable usage for responsive design).

• Articulate the 'Why': Clearly explain the strategic thinking behind your design and animation choices. Connect these decisions directly to user experience goals and business objectives like conversion.

• Quantify Everything Possible: For every project, aim to include specific data points – conversion rate increases, performance improvements (Lighthouse scores), time savings achieved, or user engagement metrics.

• Be Ready for Live Critiques: For the async test, prepare to walk through your mini-hero section, explaining your design rationale, Framer implementation, and any performance considerations, as if you were in a live critique.

📝 Enhancement Note: The interview preparation advice is tailored to the specific requirements of the role, emphasizing Framer expertise, conversion optimization, and the ability to thrive in a remote, asynchronous, and results-driven environment.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided Lever application link.

• Curate Your Portfolio: Select 2-3 of your strongest Framer projects that best showcase your skills in building high-converting landing pages, advanced motion design, and performance optimization. Ensure each project includes a clear case study detailing the problem, your solution, and quantifiable results.

• Optimize Your Resume: Tailor your resume to highlight Framer expertise, experience with conversion rate optimization, motion design, web performance, and any experience with AI/design tools mentioned in the job description. Use keywords from the job posting.

• Prepare for the Async Test: Practice building a responsive, animated hero section in Framer from a brief. Focus on clean code, efficient asset usage, and demonstrating core Framer capabilities within a limited timeframe.

• Research M32 AI: Understand their AI B2B products, target audience, and current web presence. Think about how your skills can contribute to their specific brand aesthetic and conversion goals. Familiarize yourself with their company slogan and mission.

⚠️ 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.