Framer Expert (Remote)

📍 Job Overview

Job Title: Framer Expert (Remote)

Company: Wing Assistant

Location: Brasilia, Federal District, Brazil

Job Type: Full Time

Category: Revenue Operations / Marketing Operations / Growth Operations

Date Posted: April 27, 2026

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

Remote Status: Fully Remote

🚀 Role Summary

• Drive significant conversion uplifts through the creation of visually striking and highly performant landing pages within the Framer platform.

• Develop and maintain a robust, reusable motion design library and component system in Framer to accelerate future development cycles and ensure brand consistency.

• Execute rapid A/B testing and experimentation strategies to continuously optimize user flows, engagement, and conversion rates across web properties.

• Collaborate closely with product and marketing teams to translate business objectives and user needs into compelling web experiences that serve as a primary growth channel.

• Ensure all web builds adhere to modern web standards, focusing on performance optimization (Lighthouse 90+) and SEO best practices.

📝 Enhancement Note: This role, while titled "Framer Expert," has strong ties to Growth Operations and Marketing Operations due to its focus on conversion-driven landing pages, A/B testing, and performance optimization as a growth channel. The emphasis on rapid iteration, data-driven decision-making, and measurable outcomes aligns with core operations principles.

📈 Primary Responsibilities

• Design, build, and deploy pixel-perfect, high-impact landing pages using Framer, incorporating advanced micro-interactions, scroll-based animations, and performant load times.

• Prototype, test, and iterate on complex motion sequences and interactive elements that differentiate the company's web presence from competitors.

• Map out narrative arcs, user journeys, and conversion goals to ensure landing pages effectively guide users towards desired actions.

• Translate early-stage product ideas, wireframes, and copy into high-fidelity visual designs and functional web pages, leveraging Figma for initial concepts and Framer for final implementation.

• Establish and maintain a living design system within Framer, ensuring scalability and consistency across multiple product sites and marketing campaigns.

• Conduct rapid A/B experiments directly within Framer, modifying page sections, calls-to-action (CTAs), and animation timing to achieve measurable performance improvements.

• Guarantee that all web builds achieve high performance scores (Lighthouse 90+), are fully responsive across all devices, and meet essential SEO standards.

• Document best practices, create reusable component libraries, and develop hand-off guides for other team members involved in web development or content creation.

• Ship at least two new high-impact landing pages per month, aiming for a minimum 20% lift in sign-ups compared to legacy pages.

• Create a comprehensive library of Framer components (e.g., hero sections, pricing tables, testimonial sliders) that can be easily integrated via drag-and-drop, aiming to reduce future page build times by 50% while maintaining high visual quality.

• Develop a signature M32 AI web aesthetic characterized by recognizable animation styles, bold typography, and innovative interactions, ensuring the company remains visually ahead of its top five competitors.

📝 Enhancement Note: The "Outcomes" section provided in the raw description directly translates into key performance indicators (KPIs) for this role, emphasizing measurable results and operational efficiency. These outcomes are crucial for demonstrating impact and should be a central focus for any applicant.

🎓 Skills & Qualifications

Education:

Experience:

• 2-5 years of professional experience in web design, front-end development, or a similar role with a strong focus on building high-performance websites and landing pages.

Required Skills:

• Framer Fluency: Advanced proficiency in Framer, including mastery of variables, code overrides, CMS functionalities, and component-based design.

• Motion Design Expertise: A strong eye for motion design and the ability to prototype complex animations and micro-interactions that enhance user experience and engagement.

• Figma Proficiency: Ability to translate early-stage ideas and wireframes into high-fidelity visuals within Figma.

• Web Performance Optimization: Deep understanding of modern web standards, performance budgets, lazy-loading strategies, and tools like Lighthouse to ensure fast, efficient website builds.

• Conversion Rate Optimization (CRO): Demonstrated experience in designing for conversion, understanding user flows, and implementing A/B testing methodologies to improve key business metrics.

• Responsive Design: Expertise in creating websites that are fully responsive and provide an optimal viewing experience across all devices (desktops, tablets, mobile).

• SEO Fundamentals: Knowledge of basic SEO principles and best practices to ensure web pages are discoverable and rank effectively.

• Design Systems: Experience in building and maintaining scalable design systems for consistency and efficiency.

• Prototyping Skills: Ability to create interactive prototypes to visualize user flows and interactions, potentially using tools like Figma or Framer.

• Agile/Fast-Iteration Environment: Proven ability to thrive in a fast-paced, async, founder-driven environment with rapid iteration cycles.

Preferred Skills:

• After Effects: Experience with After Effects for more complex motion graphics or animation prototyping.

• Code Overrides: Familiarity with using code (e.g., React, JavaScript) within Framer's code override system for advanced functionality.

• CMS Integration: Experience integrating with or managing Content Management Systems (CMS) within Framer.

• Marketing Automation Tools: Familiarity with marketing automation platforms and their integration points with web experiences.

• Data Analysis Tools: Experience with analytics platforms (e.g., Google Analytics) to track performance and inform A/B testing strategies.

• Version Control: Basic understanding of version control concepts (e.g., Git) for managing code and design assets.

📝 Enhancement Note: The "You Should Apply If You..." section strongly emphasizes practical, hands-on skills in Framer and related design/development tools. The "portfolio that proves you can make people stop scrolling" highlights the critical need for a visual and results-oriented portfolio. The role clearly requires a blend of creative design, technical execution, and a business-oriented mindset focused on growth.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Framer Mastery Showcase: A dedicated section or collection of projects demonstrating expert-level use of Framer, including complex animations, interactive components, CMS implementation, and code overrides if applicable.

• Conversion-Focused Case Studies: Detailed case studies for at least 2-3 projects that highlight your process in designing and building landing pages specifically for conversion. This should include initial hypotheses, design choices, implementation details, and measurable results (e.g., % lift in sign-ups, reduced bounce rates).

• Motion Design Examples: Visual evidence of your motion design capabilities, showcasing micro-interactions, scroll-based animations, and dynamic transitions that enhance user experience. This could include embedded videos or live links.

• Design System Contribution: Examples of how you have contributed to or built design systems, demonstrating an understanding of component reusability, scalability, and brand consistency.

• Performance & Responsiveness: Projects that explicitly mention or demonstrate adherence to performance best practices (e.g., Lighthouse scores) and ensure seamless responsiveness across various devices.

Process Documentation:

• Workflow Design: Showcase your thought process for mapping user flows and narrative arcs, explaining how you translate business goals into actionable web design strategies.

• A/B Testing Methodology: Provide examples of how you have designed and executed A/B tests, including hypothesis formulation, variant creation, test setup, and analysis of results to drive iterative improvements.

• System Implementation: Explain your approach to building reusable Framer components and integrating them into a cohesive design system, detailing the process of documentation and hand-off for team use.

• Performance Analysis & Iteration: Demonstrate how you use performance metrics (e.g., Lighthouse, page load times) and user analytics to identify areas for improvement and iterate on designs.

📝 Enhancement Note: Given the role's emphasis on measurable outcomes and rapid iteration, the portfolio is paramount. It needs to go beyond aesthetics and clearly demonstrate the candidate's ability to drive business results through their Framer expertise, including detailed case studies of conversion optimization and performance improvements.

💵 Compensation & Benefits

Salary Range:

• Estimated Range: $50,000 - $80,000 USD annually.

• Explanation: This estimate is based on mid-level (2-5 years) Framer/Web Design expertise in a remote capacity, with potential for higher compensation based on demonstrated impact and performance bonuses. The company's stated policy of "rapid salary growth for high impact—top performers can double comp within a year" suggests a performance-driven compensation structure. This range is benchmarked against similar remote roles in specialized web design and growth operations in competitive markets. The location in Brazil (Brasilia) typically has a lower cost of living than major tech hubs, but the remote nature and demand for specialized skills allow for competitive global compensation.

Benefits:

• Competitive Pay: Base salary that reflects expertise and market value.

• Performance Bonuses: Tied directly to landing page metrics and conversion rate improvements, rewarding tangible business impact.

• Remote-First Culture: Flexibility and autonomy associated with a fully remote work environment, allowing for work-life integration.

• Learning Budget: Allocated funds for professional development, including courses, plugins, or conference attendance to stay current with industry trends and technologies.

• Full AI & Design Stack Access: Access to premium tools and technologies such as Framer Pro, Figma, GPT-4, Claude, v0, LottieFiles, and Spline, empowering efficient and high-quality work.

• Optional Jams: Opportunities for in-person collaboration and networking at company hubs in Hong Kong, India, or London.

• Serious Upside Potential: Significant opportunities for rapid salary growth and career advancement for high-impact performers.

Working Hours:

• Approximately 40 hours per week, reflecting a full-time commitment.

• The role operates within a remote-first, async environment, emphasizing output and results over strict adherence to traditional office hours, allowing for flexibility in scheduling with global team coordination.

📝 Enhancement Note: The compensation structure is heavily weighted towards performance bonuses and rapid growth potential, aligning with a startup mentality focused on high impact. The benefits package is designed to support remote work, continuous learning, and access to cutting-edge tools, which are highly attractive to skilled operations and design professionals.

🎯 Team & Company Context

🏢 Company Culture

Industry: Technology / Artificial Intelligence / Productivity Software (B2B SaaS).

Company Size: While "Wing Assistant" is mentioned, the description refers to "M32 AI" as the operating entity for this role. M32 AI appears to be a fast-growing, founder-driven startup focused on AI-powered B2B products. The description suggests a lean, agile, and high-output environment.

Founded: The founding date for M32 AI is not specified, but the description implies it is a relatively new, dynamic organization focused on shipping cutting-edge AI solutions.

Team Structure:

• Operations Focus: The role is situated within a growth-oriented function, likely reporting into Marketing, Growth, or Operations leadership.

• Cross-Functional Collaboration: Close collaboration is expected with marketing leads, product managers, and potentially other designers or developers.

• Async & Remote: The team operates primarily asynchronously and remotely, necessitating strong written communication and self-management skills.

• Founder-Driven: Decision-making is likely fast and direct, with significant input from founders, particularly in a "founder-driven environment."

Methodology:

• Data-Driven Experimentation: Emphasis on A/B testing and using metrics (conversion rates, performance scores) to guide design decisions and product iteration.

• Agile Development: Rapid iteration cycles, translating ideas into functional web experiences quickly and refining based on feedback and performance data.

• Design as a Growth Channel: Treating web experiences not just as informational assets but as critical drivers of customer acquisition and revenue.

• Component-Based Development: Utilizing reusable components to ensure efficiency, consistency, and scalability.

Company Website: [Company URL: M32.ai is mentioned, but the primary application portal is via Lever for Wing Assistant, suggesting a potential acquisition or partnership. It's advisable to research both.]

📝 Enhancement Note: The company culture is characterized by speed, innovation, and a strong focus on measurable results. The "founder-driven" aspect implies a hands-on environment where individual contributions have a direct and visible impact. The emphasis on "shipping the next evolution of human productivity" highlights an ambitious and forward-thinking mission.

📈 Career & Growth Analysis

Operations Career Level: Mid-Level Specialist (2-5 years experience). This role is for an individual contributor with deep expertise in a specific, high-impact area (Framer and conversion-focused web design). It sits at the intersection of creative design, technical execution, and growth marketing.

Reporting Structure: Likely reports to a Head of Marketing, Growth Lead, or potentially a Head of Operations, depending on the company's organizational structure. The "founder-driven" nature may also mean direct interaction with founders on strategic initiatives.

Operations Impact: The role has a direct and quantifiable impact on revenue growth. By building high-converting landing pages and optimizing web experiences, this individual will directly contribute to lead generation, customer acquisition, and overall business expansion. The emphasis on measurable uplift (e.g., 20% increase in sign-ups) underscores this direct correlation.

Growth Opportunities:

• Rapid Skill Advancement: Deepen expertise in Framer, motion design, and conversion optimization through continuous project work and access to a premium tech stack.

• Performance-Based Compensation Growth: Significant potential for salary increases and performance bonuses tied directly to achieving and exceeding key web performance and conversion metrics. The company explicitly states "top performers can double comp within a year."

• Leadership in Web Aesthetic: Opportunity to define and own the visual identity and user experience of the company's web presence, becoming a go-to expert in this domain.

• Broader Growth Operations Exposure: As the company scales, opportunities may arise to contribute to other growth initiatives, data analysis, or cross-functional projects within marketing and operations.

• Mentorship & Learning: Access to a learning budget and potential mentorship from founders and experienced team members in a fast-paced startup environment.

📝 Enhancement Note: This role offers a clear path for rapid growth, particularly for individuals who can demonstrate consistent, high-impact results. The compensation model and company culture are geared towards rewarding performance and rapid skill development, making it an attractive opportunity for ambitious professionals.

🌐 Work Environment

Office Type: Remote-first. The company explicitly states a "remote-first culture." While there are optional "jams" in Hong Kong, India, or London, the primary work environment is digital and distributed.

Office Location(s): While the job is posted for Brasilia, Brazil, the role is fully remote. The company mentions optional collaboration hubs in Hong Kong, India, or London, indicating a global presence and potential for occasional travel for team meetups or events.

Workspace Context:

• Digital Collaboration: The primary workspace is digital, relying heavily on collaboration tools, project management software, and asynchronous communication.

• Tooling & Technology: Candidates will have access to a comprehensive "AI & design stack," including Framer Pro, Figma, GPT-4, Claude, v0, LottieFiles, and Spline, providing a cutting-edge technological environment.

• Autonomy & Ownership: The environment is characterized by "zero micromanagement" and "full ownership," empowering individuals to manage their work and drive outcomes independently.

• Fast-Paced Iteration: The work involves rapid cycles of design, build, test, and iterate, requiring adaptability and a proactive approach.

Work Schedule:

• The role requires approximately 40 hours per week, aligning with full-time employment expectations.

• As a remote-first and async company, there is flexibility in when work is done, provided deadlines are met and collaboration with global team members is managed effectively. This allows operations professionals to structure their day around peak productivity times while ensuring availability for critical meetings or handoffs.

📝 Enhancement Note: The remote-first, async nature is a defining characteristic. Successful candidates will be highly self-disciplined, excellent communicators in writing, and comfortable working without direct, in-person supervision. The focus is on results and output, offering significant flexibility in how and when work is accomplished.

📄 Application & Portfolio Review Process

Interview Process:

• Intro Call (20 min): Focus on cultural fit, alignment with company values (speed, output, innovation), and understanding career goals. Be prepared to articulate your motivation for seeking a remote, async role and your interest in AI/productivity products.

• Async Test: A practical, hands-on challenge. You will be given a brief to build a mini hero section in Framer. This is your opportunity to showcase your Framer skills, understanding of design principles, and ability to execute quickly. Focus on clean code, effective animation, and adherence to the brief's requirements.

• Final Call (45 min): A live design critique with the founder and marketing lead. Be prepared to walk through your async test submission, explain your design decisions, justify your technical choices (animation, performance), and discuss how your work aligns with conversion goals. This is also a chance to ask in-depth questions about strategy, team dynamics, and the company's vision.

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

Portfolio Review Tips:

• Highlight Framer Expertise: Ensure your portfolio clearly demonstrates advanced Framer skills. Include projects where you've utilized its unique features like code overrides, CMS, and complex animations.

• Showcase Conversion Impact: For each relevant project, provide a concise case study detailing the problem, your solution (design and build process), and the measurable results achieved (e.g., increased conversion rate, higher engagement, improved performance scores). Quantify wherever possible.

• Motion Design & Interactivity: Include visual examples (videos, GIFs, live links) of your best motion design work and interactive elements. Explain the purpose and effect of these elements on user experience.

• Performance & Standards: If possible, mention or show evidence of adherence to web performance best practices (e.g., Lighthouse scores) and responsive design principles.

• Storytelling: Structure your portfolio presentations as compelling narratives. Explain the "why" behind your design choices and how they contribute to business objectives, rather than just presenting a series of screenshots.

• Tailor to the Role: Emphasize projects that align with building landing pages, marketing websites, and driving user acquisition, as this is the core focus of the role.

Challenge Preparation:

• Framer Mastery: Revisit Framer's advanced features, including variables, conditional logic within animations, CMS data binding, and any custom code overrides you're comfortable with.

• Performance Optimization: Brush up on core web vitals, image optimization techniques, efficient CSS/JS loading, and how to diagnose performance issues using browser developer tools.

• Design Principles & Conversion: Review principles of UI/UX design, conversion-centered design, effective CTA placement, and user flow optimization.

• Communication: Practice articulating your thought process clearly and concisely, especially during the live critique. Be ready to defend your design and technical decisions with data and logic.

📝 Enhancement Note: The interview process is designed to be efficient and test practical skills rapidly. The async test is a critical gate, and the final critique is where candidates must prove their strategic thinking and ability to connect design execution with business outcomes. A strong portfolio that showcases these elements is essential.

🛠 Tools & Technology Stack

Primary Tools:

• Framer: The core platform for building all web experiences. Expertise in Framer Pro is essential, including advanced features like variables, code overrides, CMS, and components.

• Figma: Used for initial design concepts, wireframing, and potentially high-fidelity mockups before translation into Framer.

• Spline: A 3D design tool that may be used for creating immersive 3D elements or scenes to be integrated into Framer projects.

• LottieFiles: Used for integrating complex animations (often exported from After Effects) into web projects efficiently.

Analytics & Reporting:

• Lighthouse: Integrated into Chrome DevTools for auditing web page performance, accessibility, SEO, and best practices. A target score of 90+ is required.

• Web Analytics Platforms (Implicit): While not explicitly named, experience with tools like Google Analytics or similar platforms is implied for tracking user behavior, conversion rates, and A/B test results.

• Performance Monitoring Tools: Familiarity with tools for monitoring page load times and identifying bottlenecks.

CRM & Automation:

• AI Tools (GPT-4, Claude, v0): These are listed as part of the "Full AI & design stack." They may be used for generating copy, brainstorming design ideas, or potentially assisting with code generation or debugging.

• Marketing Automation Integration (Implicit): While not specified, successful landing pages often integrate with CRM and marketing automation systems. Familiarity with how web experiences connect to platforms like HubSpot, Marketo, or Salesforce would be beneficial.

📝 Enhancement Note: The tech stack is heavily focused on cutting-edge design and AI tools, particularly within the Framer ecosystem. Proficiency in Framer is non-negotiable, and familiarity with other tools in the stack will facilitate seamless integration and creative execution.

👥 Team Culture & Values

Operations Values:

• Output & Performance: The company explicitly hires for "output, not pedigree" and offers "competitive pay plus performance bonuses tied to page metrics." This highlights a strong emphasis on tangible results and measurable impact.

• Speed & Agility: The "fast-iteration, founder-driven environments" and "rapid A/B experiments" indicate a culture that values quick decision-making and swift execution.

• Craftsmanship & Quality: Despite the speed, there's a demand for "pixel-perfect landing pages," "complex motion sequences," and maintaining "visual quality," suggesting a commitment to high standards.

• Innovation & Differentiation: The goal is to "ship the next evolution" and establish a "signature M32 AI web aesthetic," pushing boundaries and standing out from competitors.

• Autonomy & Ownership: "Zero micromanagement—full ownership, visible impact, serious upside" defines a culture of trust and empowerment for individuals to drive their work.

Collaboration Style:

• Async Communication: Primarily asynchronous, requiring clear, concise written communication and proactive updates.

• Data-Driven Feedback: Collaboration is likely informed by data from A/B tests and performance metrics, providing objective grounds for discussion and iteration.

• Cross-Functional Partnership: Working closely with marketing and product teams, implies a collaborative approach to understanding goals and translating them into web solutions.

• Founder Involvement: Direct interaction with founders means opportunities for strategic input and rapid feedback loops.

📝 Enhancement Note: The culture is a blend of high-performance expectations, creative freedom, and a results-oriented mindset. Individuals who thrive on autonomy, enjoy rapid iteration, and are driven by measurable outcomes will find this environment highly rewarding.

⚡ Challenges & Growth Opportunities

Challenges:

• Rapid Iteration Demands: The need to ship multiple high-impact landing pages per month while maintaining pixel-perfect quality and advanced animations can be demanding.

• Balancing Speed and Quality: Consistently delivering high-quality, performant, and visually striking work at a rapid pace requires exceptional time management and efficiency.

• Defining a "Signature Aesthetic": Establishing a unique and recognizable brand visual identity requires creative vision, strategic thinking, and the ability to execute consistently across different campaigns.

• Async Communication Nuances: Navigating team collaboration and project alignment effectively in a purely asynchronous, remote environment can present challenges for those accustomed to more synchronous communication.

• Staying Ahead of Trends: The AI and web design landscape evolves rapidly; continuous learning is essential to maintain expertise in tools like Framer and emerging design/animation techniques.

Learning & Development Opportunities:

• Deepening Framer Expertise: Advanced training and practical application of Framer's most sophisticated features, including custom code and complex integrations.

• Mastering Web Performance & CRO: Becoming a go-to expert in optimizing web experiences for speed, accessibility, and conversion through continuous experimentation and analysis.

• 3D Design Integration: Opportunities to leverage tools like Spline to incorporate advanced 3D elements into web designs, enhancing visual appeal and user engagement.

• AI-Assisted Design Workflows: Exploring and integrating AI tools (GPT-4, Claude, v0) into the design and development process to enhance efficiency and creativity.

• Career Progression: Potential to grow into a lead design role, manage web development initiatives, or transition into broader growth operations responsibilities as the company scales.

📝 Enhancement Note: The challenges are directly tied to the high-output, high-impact nature of the role. Growth opportunities are abundant for individuals who embrace these challenges and leverage the provided resources for continuous learning and skill development.

💡 Interview Preparation

Strategy Questions:

• "How would you approach designing a Framer landing page for a new AI productivity tool aimed at small businesses, focusing on driving demo sign-ups?" (Prepare to discuss user personas, key value propositions, CTA strategy, and initial design concepts).

• "Describe a time you used motion design or interactive elements to significantly improve user engagement or conversion on a website. What was your process, and what were the results?" (Focus on specific examples, metrics, and your role in achieving them).

• "How do you ensure optimal web performance (e.g., Lighthouse scores) while incorporating complex animations and interactive features in Framer?" (Discuss your workflow for performance testing, optimization techniques, and trade-offs).

Company & Culture Questions:

• "Given our focus on output and speed, how do you prioritize your work when faced with multiple competing deadlines?" (Highlight your time management, prioritization frameworks, and communication strategies).

• "What excites you about working in a remote-first, async environment, and how do you ensure effective collaboration and communication in such a setting?" (Emphasize your self-discipline, written communication skills, and proactive approach).

Portfolio Presentation Strategy:

• Quantify Everything: For each project, clearly state the objective, your role, the process, and the measurable results (e.g., "+25% conversion rate," "1.5s faster load time," "50% reduction in build time").

• Show, Don't Just Tell: Use high-quality visuals (videos, GIFs, live links) to showcase your Framer builds, animations, and interactive features.

• Explain the "Why": For every design decision, animation choice, or technical implementation, be ready to explain the strategic reasoning behind it and how it supports the project's goals.

• Structure Your Narrative: Present your portfolio projects as mini case studies, guiding the interviewer through the problem, your solution, and the impact.

• Be Ready for Live Critiques: Practice explaining your work under pressure and be open to constructive feedback, demonstrating adaptability and a growth mindset.

📝 Enhancement Note: Preparation should focus on demonstrating practical Framer skills, a data-driven approach to design, and an understanding of conversion optimization. The interview is designed to assess not just technical ability but also problem-solving skills and cultural fit for a fast-paced, remote environment.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided application link on Lever.

• Portfolio Customization: Curate your portfolio to prominently feature your strongest Framer projects, with a clear emphasis on landing page design, conversion optimization case studies, and advanced motion design. Ensure case studies detail measurable outcomes and your specific contributions.

• Resume Optimization: Tailor your resume to highlight keywords such as "Framer," "Motion Design," "Conversion Rate Optimization," "Performance Optimization," "A/B Testing," "Figma," and "Web Design." Quantify achievements wherever possible, linking your responsibilities to business impact.

• Interview Preparation: Practice walking through your portfolio projects, articulating your design process, and explaining your Framer technical choices. Prepare answers for common interview questions related to remote work, async collaboration, and rapid iteration.

• Company Research: Thoroughly research M32 AI and Wing Assistant. Understand their product offerings, target market, and the company's mission. Familiarize yourself with their current web presence to identify potential areas for enhancement and to demonstrate genuine interest during interviews.

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

---