Framer Expert (Remote)

📍 Job Overview

Job Title: Framer Expert (Remote)

Company: Wing Assistant

Location: Hangzhou, Zhejiang, China

Job Type: Full Time

Category: Web Design & Development / Marketing Operations

Date Posted: April 27, 2026

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

Remote Status: Fully Remote

🚀 Role Summary

• Spearhead the creation of high-converting, pixel-perfect landing pages using advanced Framer techniques, including intricate micro-interactions and scroll-based animations.

• Drive user acquisition and engagement through compelling web experiences that serve as a primary growth channel for innovative AI B2B products.

• Develop and maintain a scalable, reusable Framer component library and design system to accelerate future build times and ensure brand consistency.

• Execute rapid A/B testing and performance optimization strategies to achieve measurable uplifts in key metrics like sign-ups and conversion rates.

• Collaborate closely with product and marketing teams in a fast-paced, founder-driven environment to translate vision into striking web realities.

📝 Enhancement Note: While the job title is "Framer Expert," the core responsibilities and expected outcomes clearly position this role within the broader GTM, Marketing Operations, and Web Development functions, with a strong emphasis on conversion rate optimization (CRO) and driving business growth through web presence. The focus on AI B2B products and automation suggests a need for understanding the target audience and translating complex offerings into accessible and engaging web experiences.

📈 Primary Responsibilities

• Construct highly engaging and visually striking landing pages in Framer, incorporating sophisticated micro-interactions, scroll-triggered animations, and ensuring optimal load performance (Lighthouse 90+).

• Translate narrative arcs, user flows, and conversion goals into high-fidelity interactive web prototypes and final builds, often starting in Figma and finalizing in Framer.

• Develop and meticulously maintain a living design system and a reusable library of Framer components (e.g., hero sections, pricing tables, testimonial sliders) to facilitate rapid deployment and consistent branding.

• Design and implement complex motion sequences and animations that visually differentiate M32.ai's offerings from competitors and enhance user experience.

• Conduct rapid A/B experiments within Framer, systematically tweaking page sections, calls-to-action, and animation timings to achieve statistically significant improvements in conversion rates.

• Ensure all web builds are responsive, performant across all devices, and adhere to fundamental SEO best practices for maximum visibility and effectiveness.

• Document best practices, component usage guides, and hand-off procedures to empower other team members involved in web development and content creation.

• Benchmark M32.ai's web aesthetic against top competitors, consistently aiming to maintain and elevate the brand's visual leadership in the AI B2B space.

📝 Enhancement Note: The responsibilities clearly indicate a need for a blend of technical Framer expertise, strong design sensibilities, and a product-oriented mindset focused on business outcomes. The emphasis on "Outcome 1: Conversion-First Landing Pages" and "Outcome 2: Reusable Motion Library" highlights the critical importance of tangible results and efficiency.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong portfolio demonstrating equivalent practical expertise and a deep understanding of web design principles, user experience, and conversion optimization is paramount.

Experience: 2-5 years of hands-on experience in web design and development, with a significant focus on building high-performance websites and landing pages, preferably within a B2B or SaaS environment.

Required Skills:

• Fluent proficiency in Framer, including advanced features like variables, code overrides, CMS integration, and component-based development.

• Strong visual design eye with demonstrated expertise in motion design principles and the ability to create compelling animations.

• Experience in prototyping tools such as Figma for initial design concepts and wireframing.

• Understanding of modern web standards, performance optimization techniques (e.g., lazy-loading, asset optimization), and accessibility best practices.

• Ability to treat design as a product, employing hypothesis-driven testing, iteration, and data analysis to achieve measurable business results.

• Proven ability to create impactful landing pages that drive conversions, supported by a strong portfolio.

Preferred Skills:

• Familiarity with animation tools like After Effects for complex motion prototyping or asset creation.

• Experience with performance analysis tools like Google Lighthouse and implementing recommendations.

• Basic understanding of SEO principles and best practices for web content.

• Experience with managing or contributing to design systems and component libraries.

• Knowledge of other AI/design tools such as GPT-4, Claude, v0, LottieFiles, or Spline.

📝 Enhancement Note: The emphasis on "Speak Framer fluently" and the requirement for a portfolio that "proves you can make people stop scrolling" underscore the high level of specialized skill and demonstrable impact expected. The "2-5 years" experience level suggests this is not an entry-level role but requires practical, proven expertise.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A comprehensive portfolio showcasing a minimum of 5-7 high-impact landing pages built with Framer, demonstrating advanced interactivity, motion design, and conversion optimization.

• Case studies for at least 3 projects detailing the problem statement, your design process, the specific Framer techniques used, and quantifiable results (e.g., increased conversion rates, reduced bounce rates).

• Examples of reusable Framer components or a contribution to a design system, highlighting modularity, scalability, and ease of use.

• Demonstrations of performance optimization efforts, ideally with before-and-after metrics or Lighthouse scores.

Process Documentation:

• Evidence of a structured design process, from initial concept and user flow mapping to high-fidelity prototyping and final build.

• Documentation of how you approach A/B testing in Framer, including hypothesis formulation, experiment setup, and analysis of results.

• Examples of how you maintain and scale design systems or component libraries to ensure consistency and efficiency across multiple web properties.

• Documentation outlining best practices for Framer development, performance optimization, and accessibility that you have established or followed.

📝 Enhancement Note: This role demands a portfolio that acts as a direct testament to the candidate's ability to deliver on the core outcomes. The "Outcome 2: Reusable Motion Library" specifically calls for evidence of efficiency gains through componentization, which should be a central theme in portfolio case studies.

💵 Compensation & Benefits

Salary Range: Based on the remote nature, the "2-5 years" experience level, the specialized skill set in Framer, and the potential for rapid salary growth, a competitive salary range in the US market would typically fall between $70,000 - $110,000 USD annually. For a candidate based in Hangzhou, China, local market rates would apply, but the company's global remote-first approach and "rapid salary growth" promise suggest a compensation structure benchmarked against competitive global tech markets rather than strictly local averages. Performance bonuses tied to specific metrics (e.g., conversion uplift) are a significant component.

Benefits:

• Competitive base salary with performance bonuses directly linked to landing page conversion metrics.

• Access to a full suite of advanced AI and design tools, including Framer Pro, Figma, GPT-4, Claude, v0, LottieFiles, and Spline.

• A generous learning budget for professional development, including courses, plugins, and conference attendance.

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

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

• Full ownership, zero micromanagement, and the opportunity for serious upside in a fast-growing startup environment.

Working Hours: The role implies a standard full-time commitment, likely around 40 hours per week, with flexibility inherent in a remote-first, async environment. The focus is on output and achieving outcomes rather than strict adherence to traditional office hours.

📝 Enhancement Note: The compensation structure is clearly performance-driven, with bonuses and rapid growth tied directly to achieving specific, measurable outcomes. The "Full AI & design stack" benefit is a significant draw for professionals in this field. The salary estimate is based on industry benchmarks for specialized web development and design roles in competitive tech markets, considering the company's global remote approach.

🎯 Team & Company Context

🏢 Company Culture

Industry: The company operates within the rapidly evolving AI and Productivity Software sector, specifically focusing on AI B2B products designed to automate workflows and enhance team productivity. This context means a culture geared towards innovation, rapid iteration, and leveraging cutting-edge technology.

Company Size: Wing Assistant (M32.ai operates under this umbrella) is likely a growing startup or scale-up. The description emphasizes a "founder-driven environment" and "zero micromanagement," suggesting a lean, agile, and highly collaborative structure where individual contributions have a significant and visible impact.

Founded: Not explicitly stated, but the emphasis on "next evolution of human productivity" and "AI B2B products" implies a relatively recent founding or a pivot towards AI-driven solutions. This suggests a dynamic, forward-thinking, and potentially disruptive company culture.

Team Structure:

• The operations and design teams are likely small, highly specialized, and operate with a high degree of autonomy.

• Reporting structures are probably flat, with direct access to founders or senior leadership for rapid decision-making and feedback.

Methodology:

• Data-Driven Design: A strong emphasis on treating design as a product, involving hypothesis generation, rapid A/B testing, data analysis, and iterative improvements to achieve measurable business outcomes.

• Agile Development & Iteration: The "move quickly" mantra and focus on rapid builds and experiments indicate an agile methodology where speed and continuous refinement are prioritized.

• Automation & Efficiency: Leveraging AI tools and creating reusable component libraries are core to the company's strategy for scaling productivity and output.

Company Website: https://www.wingassistant.com/ (Note: The job description mentions M32.ai, which may be a brand or division under Wing Assistant. The provided URL is for Wing Assistant.)

📝 Enhancement Note: The culture is explicitly described as "async, fast-iteration, founder-driven." This implies a need for self-starters who can manage their own time effectively and thrive in an environment where direct communication with leadership is common and encouraged.

📈 Career & Growth Analysis

Operations Career Level: This "Framer Expert" role sits at a mid-level to senior-individual contributor capacity within the broader GTM/Marketing Operations/Web Development function. It requires specialized technical proficiency and a proven track record of delivering business results, moving beyond basic execution to strategic contribution in web strategy and conversion optimization.

Reporting Structure: The candidate will likely report directly to a Marketing Lead, Head of Growth, or potentially a Founder, given the startup environment and emphasis on direct collaboration. The structure is designed for speed and minimal hierarchy.

Operations Impact: The role has a direct and significant impact on revenue generation. By building high-converting landing pages and optimizing user journeys, this individual directly contributes to lead generation, customer acquisition, and ultimately, business growth. The success of the web experience is framed as a "growth channel on its own."

Growth Opportunities:

• Skill Specialization & Mastery: Deepen expertise in Framer, advanced web animation, and conversion rate optimization (CRO), becoming a go-to expert in these areas.

• Leadership Potential: As the company scales, opportunities may arise to lead web development initiatives, build out a design team, or take on more strategic roles in GTM operations and digital strategy.

• Cross-functional Exposure: Gain exposure to product development, AI technologies, and broader marketing strategies, fostering a holistic understanding of the business.

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

📝 Enhancement Note: The explicit mention of "doubling comp within a year" for top performers suggests a meritocratic system where exceptional output is directly rewarded with significant career and financial advancement, making this an attractive opportunity for ambitious individuals.

🌐 Work Environment

Office Type: The role is "Remote-first," indicating that the primary work environment is from a home office or other remote location. The company also mentions "optional jams in Hong Kong, India, or London," suggesting they may host occasional in-person meetups or co-working opportunities in these specific global hubs for team building and collaboration.

Office Location(s): While the job is posted with Hangzhou, China as a location, the "Remote-first" nature means candidates can be located anywhere. The mention of Hong Kong, India, and London as "optional jams" indicates potential future physical hubs or team gathering points.

Workspace Context:

• Autonomy and Flexibility: Candidates should expect a high degree of autonomy in managing their workspace and schedule, provided deliverables and performance targets are met.

• Technology-Centric: The environment will be heavily reliant on digital tools and platforms, with access to a comprehensive "AI & design stack."

• Collaborative Digital Space: While remote, collaboration will occur through digital channels, likely involving tools for communication, project management, and design sharing. The "async" nature implies asynchronous communication tools will be prevalent.

Work Schedule: The role is full-time, but the "async" and "remote-first" nature suggests flexibility in daily working hours. The focus is on delivering results and meeting project deadlines rather than adhering to a rigid 9-to-5 schedule. Candidates must be comfortable managing their time effectively to meet evolving project demands and collaborate across potential time zones.

📝 Enhancement Note: The "optional jams" suggest that while fully remote, the company values in-person connection and may foster a global community of practice among its remote employees. Candidates should be prepared for a primarily digital work experience but open to potential travel for team events.

📄 Application & Portfolio Review Process

Interview Process:

• Intro Call (20 min): A brief initial screening focused on cultural fit, understanding career goals, and confirming alignment with the company's fast-paced, founder-driven environment. Be prepared to discuss your motivation for seeking this type of role and your understanding of M32.ai's mission.

• Async Test: A practical, hands-on challenge to build a mini hero section in Framer based on a provided brief. This is a critical step to assess your core Framer skills, design eye, and ability to execute quickly and independently.

• Final Call (45 min): A live design critique session with a founder and marketing lead. Be ready to present your async test work, discuss your design decisions, explain your Framer techniques, and articulate how your work contributes to conversion goals. This is also an opportunity to ask in-depth questions about the role, company strategy, and future vision.

Portfolio Review Tips:

• Highlight Framer Expertise: Ensure your portfolio prominently features your best Framer work, showcasing advanced features, animations, and responsiveness.

• Quantify Impact: For each project, clearly articulate the business problem, your approach, and the measurable results achieved (e.g., conversion lift percentages, engagement metrics). Use specific numbers and data points wherever possible.

• Showcase Process: Include case studies that illustrate your design process, from wireframing and user flow mapping to final build and iteration. Demonstrate how you treat design as a product.

• Demonstrate Motion Design: Include examples of sophisticated motion graphics and micro-interactions that enhance user experience and brand perception.

• Keep it Concise and Focused: Prioritize quality over quantity. Select your strongest, most relevant projects that directly align with the requirements of this role.

Challenge Preparation:

• Master Framer Fundamentals: Revisit and practice core Framer features, including variables, code overrides, CMS, and component creation. Ensure you can build efficiently and cleanly.

• Understand Conversion Principles: Refresh your knowledge of conversion rate optimization (CRO) tactics, user flow design, and how web elements influence user behavior.

• Prepare for Design Critique: Practice articulating your design decisions, justifying your choices with user-centric and business-objective reasoning. Be ready to discuss trade-offs and alternative approaches.

• Research M32.ai: Understand the company's AI B2B products, target audience, and competitive landscape to tailor your responses and demonstrate genuine interest.

📝 Enhancement Note: The hiring process is heavily weighted towards practical demonstration of skills (async test) and strategic thinking (live critique). Candidates should prepare to showcase not just their ability to build in Framer, but their understanding of why they build certain ways and how it drives business outcomes.

🛠 Tools & Technology Stack

Primary Tools:

• Framer: Expert-level proficiency is the cornerstone of this role. This includes deep knowledge of its design interface, interaction capabilities, CMS, variables, and code overrides.

• Figma: Used for initial prototyping, wireframing, and potentially design system asset creation before implementation in Framer.

• Code Overrides (React/JavaScript): Essential for extending Framer's capabilities beyond its visual editor. Candidates must be comfortable writing or understanding custom code.

Analytics & Reporting:

• Google Analytics / Web Analytics Platforms: To track website performance, user behavior, and conversion metrics.

• A/B Testing Tools: Implicitly Framer's built-in capabilities or integration with external platforms for running experiments.

• Performance Monitoring Tools: Such as Google Lighthouse, to ensure optimal load times and user experience.

CRM & Automation:

• CRM Integration (Implied): While not explicitly stated, landing pages will likely feed into a CRM system (e.g., Salesforce, HubSpot) for lead management. Understanding data flow and integration principles is beneficial.

• AI Tools: Access to and familiarity with AI tools like GPT-4, Claude, and v0 for content generation, design ideation, or code assistance.

Other Design & Animation Tools:

• LottieFiles: For optimizing and integrating Lottie animations.

• Spline: A 3D design tool that can be used for creating complex 3D assets for web integration.

• After Effects: Preferred for complex motion sequence prototyping when Framer's capabilities are insufficient.

📝 Enhancement Note: The tech stack is heavily focused on the cutting edge of web design and AI tools. Proficiency in Framer and an understanding of how to integrate custom code are paramount. Familiarity with AI tools like GPT-4 and Claude suggests an environment where AI is actively used to augment creative and development processes.

👥 Team Culture & Values

Operations Values:

• Craftsmanship & Pixel Perfection: A deep commitment to high-quality visual design, meticulous attention to detail, and polished execution in all web builds.

• Outcome-Oriented: A focus on measurable results, with a strong emphasis on conversion rates, user engagement, and business impact as the primary drivers of success.

• Innovation & Experimentation: A culture that encourages exploring new technologies, testing creative ideas, and iterating rapidly based on data and feedback.

• Autonomy & Ownership: Empowering individuals with full responsibility for their work, fostering a sense of ownership and accountability for delivering exceptional outcomes.

• Efficiency & Scalability: Valuing the creation of reusable components and systems that streamline workflows and enable rapid scaling of web presence.

Collaboration Style:

• Asynchronous First: A primary reliance on asynchronous communication channels (e.g., Slack, email, project management tools) to accommodate a remote, globally distributed team. Clear, concise written communication is key.

• Direct & Transparent Feedback: A culture where feedback is given and received openly and constructively, often directly from founders or senior leadership, to drive rapid improvement.

• Cross-Functional Partnership: Close collaboration with marketing, product, and potentially sales teams to ensure web strategies are aligned with broader business goals and user needs.

• Knowledge Sharing: An expectation that best practices, learnings, and useful components will be documented and shared across the team to foster collective growth and efficiency.

📝 Enhancement Note: The values emphasize a blend of high-end design execution ("craftsmanship") with a data-driven, results-oriented approach ("outcome-oriented"), all within a highly autonomous and collaborative remote framework.

⚡ Challenges & Growth Opportunities

Challenges:

• Rapid Iteration Demands: Keeping pace with frequent requests for new landing pages, experiments, and design updates in a fast-moving startup environment.

• Balancing Performance and Aesthetics: Achieving complex animations and rich visual designs while maintaining high website performance and fast load times.

• Translating Complex AI Concepts: Effectively communicating sophisticated AI B2B product value propositions through visually engaging and easily understandable web experiences.

• Maintaining Brand Consistency: Ensuring a cohesive and recognizable brand aesthetic across multiple landing pages and campaigns while allowing for creative experimentation.

Learning & Development Opportunities:

• Mastery of Advanced Framer Features: Deepening expertise in Framer's code overrides, variables, and CMS to build highly dynamic and sophisticated web applications.

• Cutting-Edge AI & Design Tool Integration: Gaining hands-on experience with emerging AI tools (GPT-4, v0) and 3D design software (Spline) to enhance creative output.

• Conversion Rate Optimization (CRO) Expertise: Developing a strong understanding of user psychology, A/B testing methodologies, and data analysis to significantly impact conversion rates.

• Strategic Web Design: Moving from execution to strategic input on web presence, user journeys, and digital growth initiatives.

• Leadership Track: Potential to mentor junior designers, lead web projects, or shape the future of the company's digital brand experience.

📝 Enhancement Note: The challenges are inherent to a high-growth startup environment focused on cutting-edge technology. The growth opportunities are substantial, particularly for those who can demonstrate significant impact and willingness to learn and adapt.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for translating a marketing brief into a high-converting landing page in Framer. Walk us through a recent example." (Focus on your structured approach, conversion principles, and Framer techniques.)

• "How do you balance creating visually striking animations with ensuring optimal website performance and fast load times? Can you provide examples?" (Highlight your understanding of web performance budgets and optimization strategies.)

• "Imagine we need to launch a new AI feature landing page targeting enterprise CTOs. What key elements would you prioritize, and how would you use motion and interaction to convey value?" (Demonstrate your ability to understand target audiences and tailor web experiences.)

Company & Culture Questions:

• "What interests you specifically about M32.ai and our mission to evolve human productivity with AI B2B products?" (Research the company and articulate genuine interest.)

• "Describe your experience working in a fast-paced, asynchronous, founder-driven environment. What strategies do you use to stay organized and effective?" (Highlight your self-management skills and adaptability.)

Portfolio Presentation Strategy:

• Storytelling for Impact: For each case study, craft a compelling narrative that clearly outlines the problem, your solution (and why you chose Framer/specific techniques), and the quantifiable results.

• Highlight Framer Skills: Be prepared to verbally walk through the Framer build of a key project, explaining specific code overrides, interactions, or component structures you used.

• Focus on Metrics: Clearly present the conversion metrics and performance data for your projects. Be ready to discuss how you achieved those numbers.

• Showcase Motion Design: Ensure you have clear visual examples of your motion design work, and be prepared to discuss your creative intent and technical execution.

• Prepare for Live Critique: Have your Framer environment ready, and be prepared to make minor adjustments or discuss potential improvements live during the interview.

📝 Enhancement Note: The interview process is designed to test practical skills, strategic thinking, and cultural fit. Candidates should prepare to demonstrate their Framer mastery, their understanding of conversion optimization, and their ability to thrive in a fast-paced, autonomous environment.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided Lever link.

• Optimize Your Resume: Tailor your resume to highlight expertise in Framer, motion design, web development, conversion rate optimization, and experience in fast-paced environments. Use keywords from the job description.

• Curate Your Portfolio: Select your strongest Framer projects that demonstrate advanced capabilities, measurable results, and a clear understanding of conversion principles. Prepare concise case studies for at least 3 projects.

• Practice Your Framer Skills: Rehearse building common landing page elements and interactive components in Framer, focusing on speed, efficiency, and clean code.

• Research M32.ai & Wing Assistant: Understand their product offerings, target audience, and company mission to tailor your application and interview responses.

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