Framer Expert (Remote)

📍 Job Overview

Job Title: Framer Expert (Remote)

Company: Wing Assistant (Operating as M32 AI)

Location: Beijing, China (Remote)

Job Type: Full Time

Category: Web Design & Development / Growth Marketing Operations

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 and web experiences using Framer, focusing on advanced motion design and conversion optimization.

• Implement rapid A/B testing and iteration cycles within Framer to continuously improve user engagement and conversion rates.

• Design and maintain a scalable, reusable component library and design system to enhance build efficiency and visual consistency across multiple product sites.

• Ensure all web builds meet stringent performance standards (Lighthouse 90+) and basic SEO requirements.

• Collaborate within a fast-paced, asynchronous, founder-driven environment, translating creative vision into striking web realities.

📝 Enhancement Note: While the title is "Framer Expert," the core responsibilities and desired outcomes indicate a role that bridges design, development, and growth marketing operations. The emphasis on conversion, A/B testing, and performance optimization aligns with operational goals for driving leads and user acquisition. The role is remote, with potential for global collaboration, and offers significant growth potential tied to performance.

📈 Primary Responsibilities

• Build and launch at least two high-impact, conversion-focused landing pages per month in Framer, incorporating micro-interactions, scroll-based animations, and performant load times.

• Prototype, test, and refine complex motion sequences and user flows to create a distinctive and engaging brand aesthetic.

• Translate initial concepts, copy, and wireframes (potentially from Figma) into high-fidelity visual designs and functional web components within Framer.

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

• Execute rapid A/B experiments in Framer, adjusting sections, calls-to-action, and animation timing to achieve measurable improvements in conversion rates and user sign-ups.

• Ensure all web builds are optimized for speed (Lighthouse 90+), cross-device compatibility, and adhere to fundamental SEO best practices.

• Document best practices, component libraries, and hand-off guides to facilitate knowledge sharing and empower other builders within the team.

• Benchmark M32 AI's web presence against the top five competitors, ensuring visual differentiation and a leading aesthetic.

📝 Enhancement Note: The responsibilities emphasize a product-centric approach to web development, where design is treated as an iterative process driven by data and user feedback. The outcomes are clearly defined with measurable targets, highlighting the operational focus on driving tangible business results through web design and optimization.

🎓 Skills & Qualifications

Education:

Experience:

• 2-5 years of professional experience in web design, front-end development, or a related role with a strong emphasis on building and optimizing web experiences.

Required Skills:

• Framer Fluency: Expert-level proficiency in Framer, including variables, code overrides, CMS capabilities, and component creation.

• Motion Design Expertise: A strong eye for motion design and the ability to prototype complex animations and interactions.

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

• Conversion Rate Optimization (CRO): Experience with A/B testing methodologies, hypothesis-driven iteration, and data analysis to improve conversion rates.

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

• Cross-functional Collaboration: Ability to work effectively in an asynchronous, fast-paced, founder-driven environment.

• Problem-Solving: Aptitude for translating abstract ideas into tangible, high-fidelity visual and functional web assets.

Preferred Skills:

• Proficiency with Figma for wireframing and design prototyping.

• Experience with After Effects for advanced motion prototyping.

• Familiarity with basic SEO principles and implementation.

• Understanding of user flow mapping and conversion goal definition.

• Experience with AI-powered design tools (e.g., v0).

• Familiarity with LottieFiles for animation integration.

• Experience with 3D design tools like Spline.

📝 Enhancement Note: The qualifications strongly emphasize hands-on proficiency with Framer and a data-driven approach to web design. The "2-5 years" experience level, coupled with the emphasis on rapid iteration and performance bonuses, suggests a role for a highly skilled individual contributor capable of significant independent impact. The "Output, not pedigree" hiring philosophy indicates a focus on demonstrated skill and results over traditional qualifications.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Framer Project Showcase: A significant portion of the portfolio should feature live or documented Framer projects, highlighting complex animations, interactive elements, and responsive design implementations.

• Conversion Impact Case Studies: Detailed case studies demonstrating how your web design and optimization efforts have led to measurable improvements in key metrics such as sign-ups, conversion rates, or user engagement. Quantifiable results are crucial.

• Design System Components: Examples of reusable components or a mini design system you have developed, showcasing maintainability, scalability, and efficiency gains.

• Performance Optimization Evidence: Documentation or case studies showing your approach to optimizing web performance, including metrics like Lighthouse scores and load times achieved.

• Iterative Design Process: Submissions that illustrate your design process, including initial concepts, iterations, A/B testing rationale, and the final optimized outcome.

Process Documentation:

• Workflow Design: Ability to document and articulate the process of building a landing page from brief to deployment, including user flow mapping and conversion goal definition.

• Implementation & Automation: Showcase how you implement and automate design and development workflows, particularly within Framer, to increase build speed and efficiency.

• Measurement & Analysis: Demonstrated ability to set up tracking, analyze performance data (e.g., from A/B tests), and report on the impact of your work using relevant metrics.

📝 Enhancement Note: Given the role's focus on output and measurable results, the portfolio is paramount. It needs to clearly demonstrate not just visual design skills but also the operational capability to drive business outcomes through web development and optimization. Applicants should be prepared to walk through their portfolio and explain the strategic thinking and process behind each project.

💵 Compensation & Benefits

Salary Range:

• Based on industry benchmarks for skilled Framer experts/web developers with a focus on CRO and performance in remote roles, and considering the "rapid salary growth for high impact—top performers can double comp within a year" statement, an estimated annual salary range would be $70,000 - $120,000 USD.

Benefits:

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

• Performance Bonuses: Tied directly to the metrics and success of the landing pages and web experiences you build.

• Learning Budget: Allocated funds for courses, plugins, conferences, or other resources to enhance skills and knowledge.

• Full AI & Design Stack Access: Access to a comprehensive suite of premium tools including Framer Pro, Figma, GPT-4, Claude, v0, LottieFiles, and Spline.

• Remote-First Culture: Flexibility to work from anywhere, with optional collaboration hubs in Hong Kong, India, or London.

• Rapid Growth Potential: Opportunities for significant salary increases and career advancement based on high impact and performance.

• Zero Micromanagement: Emphasis on autonomy, ownership, and visible impact.

Working Hours:

• Full-time, implying approximately 40 hours per week. The role emphasizes output and asynchronous work, allowing for flexibility in scheduling as long as deadlines and performance targets are met.

📝 Enhancement Note: The compensation structure is heavily performance-driven, with competitive base pay augmented by bonuses and significant upside potential for high performers. The extensive tool access is a notable benefit, providing access to cutting-edge AI and design technologies. The salary range is an estimate based on general market data for similar roles and the specific incentives offered by the company.

🎯 Team & Company Context

🏢 Company Culture

Industry: AI, B2B Software, Productivity Tools. M32 AI operates at the intersection of artificial intelligence and business productivity, aiming to automate workflows and enhance team capabilities.

Company Size: While not explicitly stated, the context of "founder-driven environments" and "rapid iteration" suggests a startup or a rapidly growing small-to-medium-sized company.

Founded: The company (Wing Assistant, operating as M32 AI) was founded recently, indicated by the "next evolution of human productivity" and the focus on cutting-edge AI. The provided data shows Wing Assistant was founded in 2020.

Team Structure:

• Lean & Agile: The team is likely structured for rapid execution, with a focus on specialized roles that can deliver significant independent impact.

• Cross-functional Collaboration: While the role is specialized, collaboration with marketing, product, and potentially engineering teams will be essential for defining goals and translating vision into reality.

• Async Communication: The culture heavily emphasizes asynchronous communication, requiring strong self-management and clear documentation.

Methodology:

• Data-Driven Iteration: Design and development are treated as product development cycles, involving hypothesis formation, testing, learning, and iterative refinement.

• Output-Focused: The primary measure of success is tangible output and measurable impact, rather than hours worked or traditional qualifications.

• AI Integration: A core aspect of the company's ethos is leveraging AI to drive innovation and productivity across its products and operations.

Company Website: Wing Assistant: wingassistant.com (Note: The job description refers to M32.ai, suggesting a product line or rebranding under the Wing Assistant umbrella).

📝 Enhancement Note: The company culture is geared towards high-achievers in a fast-paced, results-oriented environment. The emphasis on AI and cutting-edge tools suggests a forward-thinking organization. The remote-first, async nature requires individuals who are self-motivated and possess excellent communication and documentation skills.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a highly specialized individual contributor at a mid-level (2-5 years), with potential for rapid advancement based on performance. It's a "Framer Expert" role that functions akin to a "Growth Marketing Operations Specialist" or "Conversion-Focused Web Developer" due to its emphasis on CRO, A/B testing, and measurable outcomes.

Reporting Structure: Likely reports directly to a marketing lead, growth manager, or a founder, given the "founder-driven environments" and "zero micromanagement" philosophy. The emphasis is on direct impact rather than hierarchical progression.

Operations Impact: The role has a direct and significant impact on revenue generation by creating high-converting landing pages and optimizing the user journey for lead acquisition and sign-ups. Success is measured by measurable uplift in key business metrics.

Growth Opportunities:

• Performance-Based Compensation: The most significant growth opportunity is financial, with the potential to double compensation within a year for top performers.

• Skill Specialization & Expansion: Deepen expertise in Framer, motion design, and conversion optimization, while also gaining exposure to advanced AI tools and rapid experimentation frameworks.

• Leadership Potential: Demonstrating consistent high performance and strategic thinking could lead to opportunities for leading web development initiatives, managing design systems at scale, or taking on broader growth marketing operations responsibilities.

• Broader Role Development: As the company scales, there's potential for this role to evolve into a more senior position within a growth or marketing operations team, potentially managing other specialists or influencing broader GTM strategies.

📝 Enhancement Note: The career path is less about traditional linear progression and more about demonstrating impact and leveraging that to drive compensation and responsibility growth. The role is ideal for an ambitious individual who thrives on measurable results and wants to be rewarded for direct contributions to business growth.

🌐 Work Environment

Office Type: Fully Remote. The company operates on a remote-first model, offering flexibility in work location.

Office Location(s): While remote, the company mentions optional collaboration hubs in Hong Kong, India, or London. This suggests these locations may have co-working spaces or small offices where employees can choose to work and connect.

Workspace Context:

• Asynchronous Collaboration: The primary mode of interaction will be through digital tools, requiring clear written communication and proactive engagement.

• Cutting-Edge Tool Stack: Employees will have access to a premium set of AI and design tools, fostering an environment of innovation and efficiency.

• High-Autonomy Environment: Expect a work environment with minimal direct supervision, emphasizing self-discipline, time management, and proactive problem-solving.

Work Schedule:

• Full-time employment, approximately 40 hours per week. The remote and asynchronous nature allows for flexibility in daily scheduling, provided that responsibilities are met and collaboration windows are respected. This flexibility is beneficial for operations professionals who may need to manage data analysis or deep work sessions.

📝 Enhancement Note: The work environment is designed for highly motivated, self-directed individuals who excel in remote settings. The emphasis on async work and autonomy means that clear communication and robust personal organization are critical for success. The optional hubs provide a physical connection point for those who desire it.

📄 Application & Portfolio Review Process

Interview Process:

• Intro Call (20 min): An initial screening focused on cultural fit, understanding your career goals, and assessing alignment with the company's fast-paced, output-driven environment.

• Async Test: A practical, hands-on challenge where you will build a mini hero section in Framer based on a provided brief. This assesses your core Framer skills, design eye, and ability to execute within constraints.

• Final Call (45 min): A live design critique session with the founder and marketing lead. This is an opportunity for you to present your async test work, discuss your design process, explain your rationale, and demonstrate your understanding of conversion optimization and motion design. It also serves as a platform to ask in-depth questions about the role and company strategy.

Portfolio Review Tips:

• Highlight Framer Proficiency: Ensure your portfolio prominently features Framer projects, showcasing advanced techniques like code overrides, variables, and complex animations.

• Quantify Impact: For each project, clearly articulate the problem, your solution, and the measurable business impact (e.g., conversion rate increase, engagement lift, performance improvement). Use specific numbers and metrics.

• Showcase the Process: Detail your thought process, from initial concept and wireframing to A/B testing and final optimization. Explain why you made certain design or development decisions.

• Demonstrate Motion Design Skills: Include examples of sophisticated animations and micro-interactions that enhance user experience and drive engagement.

• Tailor to the Role: Emphasize projects that align with building high-converting landing pages and optimizing web experiences for growth.

Challenge Preparation:

• Master Framer Fundamentals: Revisit advanced Framer features, especially those related to dynamic content, code overrides, and responsive design.

• Understand Performance Metrics: Be ready to discuss how you approach Lighthouse scores, page load times, and other performance indicators.

• Practice Articulating Your Process: Prepare to walk through your async test build and explain your design decisions, animation choices, and optimization strategies clearly and concisely.

• Research the Company: Understand M32 AI's B2B AI product offerings and their target audience to better tailor your responses and design approach.

📝 Enhancement Note: The interview process is designed to be efficient and practical, heavily favoring candidates who can demonstrate their skills through a live challenge and portfolio review. Success hinges on showcasing both technical Framer expertise and a strategic, data-driven approach to web design for conversion.

🛠 Tools & Technology Stack

Primary Tools:

• Framer: The core platform for building and deploying all web experiences. Proficiency is non-negotiable.

• Figma: Utilized for initial wireframing, prototyping, and design conceptualization.

• After Effects: A preferred tool for prototyping complex motion sequences when Framer's capabilities are insufficient.

• LottieFiles: Likely used for efficient integration of complex animations.

• Spline: Potentially used for creating 3D assets or animations for web integration.

Analytics & Reporting:

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

• Framer's Built-in Analytics: For performance monitoring and A/B testing results.

• Data Visualization Tools: Potentially tools like Tableau, Power BI, or Looker Studio for creating dashboards, though specific tools are not mentioned.

CRM & Automation:

• CRM System (e.g., HubSpot, Salesforce): To manage leads generated from landing pages.

• Marketing Automation Platform: For nurturing leads collected via landing pages.

• Integration Tools (e.g., Zapier, Make): To connect Framer forms/data with CRM and automation platforms.

AI & Design Assistants:

• GPT-4: For content generation, brainstorming, and potentially coding assistance.

• Claude: Similar to GPT-4, for AI-powered assistance in various creative and operational tasks.

• v0: An AI model for generating React components, potentially used for inspiration or rapid prototyping.

📝 Enhancement Note: The technology stack is modern and heavily focused on AI-driven design and development tools, with Framer at its core. Candidates must be comfortable with this cutting-edge environment and willing to learn and adapt to new tools as they emerge.

👥 Team Culture & Values

Operations Values:

• Output & Impact: The paramount value is delivering tangible results and measurable business impact. Designs must convert, and code must perform.

• Craftsmanship & Quality: A commitment to building pixel-perfect, aesthetically striking, and technically sound web experiences.

• Speed & Agility: Operating in a fast-paced environment requires rapid iteration, quick decision-making, and efficient execution.

• Data-Driven Decision Making: Relying on A/B testing, analytics, and performance metrics to guide design and development choices.

• Continuous Learning: Embracing new tools, technologies, and methodologies to stay at the forefront of web design and AI.

Collaboration Style:

• Asynchronous & Proactive: Communication is primarily digital and asynchronous, requiring individuals to be proactive in sharing updates, asking questions, and seeking feedback.

• Direct & Candid: Given the founder-driven, fast-paced nature, communication is likely direct and focused on efficiency and results.

• Ownership & Autonomy: Team members are expected to take full ownership of their work and operate with a high degree of autonomy.

• Cross-functional Partnership: While specialized, collaboration with marketing, product, and other stakeholders is essential for alignment and achieving shared goals.

📝 Enhancement Note: The culture values individuals who are self-starters, possess a strong work ethic, and are driven by measurable outcomes. The emphasis on "zero micromanagement" means that trust and accountability are foundational to how the team operates.

⚡ Challenges & Growth Opportunities

Challenges:

• Rapid Iteration Cycles: Constantly adapting to new briefs and A/B test results in a fast-paced environment can be demanding.

• Balancing Performance and Aesthetics: Achieving high Lighthouse scores and fast load times while incorporating complex animations and rich design elements requires technical skill and creative problem-solving.

• Remote Collaboration Effectiveness: Maintaining strong communication and alignment within a fully remote, asynchronous team requires discipline and excellent interpersonal skills.

• Staying Ahead of AI/Design Trends: The rapid evolution of AI and web design tools necessitates continuous learning and adaptation.

Learning & Development Opportunities:

• Deepening Framer Expertise: Gaining mastery over advanced Framer features, code overrides, and integrations.

• Advanced Motion Design: Exploring sophisticated animation techniques and their application for user engagement.

• Conversion Rate Optimization Mastery: Becoming an expert in A/B testing methodologies, user psychology, and data analysis for web applications.

• AI Tool Integration: Learning to leverage cutting-edge AI tools (GPT-4, Claude, v0) effectively in the design and development workflow.

• Performance Optimization Techniques: Becoming proficient in all aspects of web performance tuning.

• Exposure to Growth Marketing: Gaining insights into broader growth marketing strategies and how web development contributes to them.

📝 Enhancement Note: The role presents an opportunity to master a cutting-edge web design platform and apply it within a growth-focused operational context. The challenges are framed as opportunities for skill development and career advancement, particularly in the rapidly evolving fields of AI and digital marketing.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for building a high-converting landing page from scratch in Framer." (Focus on user flows, conversion goals, design decisions, and A/B testing strategy.)

• "How do you balance complex motion design with web performance and SEO requirements?" (Be ready to discuss specific techniques, tools, and trade-offs.)

• "Walk us through a time you used A/B testing in Framer to significantly improve a web page's performance. What was your hypothesis, methodology, and outcome?" (Prepare a specific case study demonstrating data-driven iteration.)

Company & Culture Questions:

• "What excites you most about working with AI-powered productivity tools like those M32 AI offers?" (Show enthusiasm for the company's mission and products.)

• "How do you thrive in a remote, asynchronous, and founder-driven environment?" (Highlight your self-management skills, communication style, and ability to work autonomously.)

Portfolio Presentation Strategy:

• Structure Your Case Studies: For each key project, clearly present the Objective/Problem, your Role, the Solution (including Framer specifics and design rationale), the Results (quantified metrics), and Lessons Learned.

• Live Demo Capabilities: Be prepared to briefly demonstrate interactive elements or specific Framer features from your portfolio projects during the interview.

• Focus on Impact: For every project, emphasize the business impact and how your work contributed to achieving key objectives.

• Articulate Your Process: Clearly explain the steps you took, the tools you used, and the reasoning behind your design and development decisions.

• Showcase Efficiency: Highlight elements of your work that demonstrate efficiency, such as reusable components or streamlined workflows.

📝 Enhancement Note: Preparation should focus on demonstrating technical Framer mastery, a strong understanding of conversion optimization principles, and the ability to articulate a data-driven design process. The interview is a practical assessment of both skill and cultural fit for a high-performance, remote team.

📌 Application Steps

To apply for this operations position:

• Submit your application through the Lever application link provided.

• Portfolio Customization: Curate your portfolio to prominently feature your strongest Framer projects, specifically those that highlight advanced motion design, conversion optimization success, and performance improvements. Ensure case studies quantify results.

• Resume Optimization: Tailor your resume to emphasize Framer expertise, experience with landing page creation, A/B testing, web performance optimization, and any relevant AI or design system work. Use keywords from the job description.

• Prepare for Async Test: Familiarize yourself with Framer's capabilities for building hero sections and practice executing tasks within tight timeframes.

• Company Research: Understand M32 AI's mission, product offerings (B2B AI productivity tools), and target audience to inform your interview responses and demonstrate genuine interest.

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

---