Framer Expert (Remote)

📍 Job Overview

Job Title: Framer Expert (Remote)

Company: Wing Assistant (Operating as M32 AI)

Location: Pakistan

Job Type: Full Time

Category: Revenue Operations / GTM Operations (with a strong emphasis on Digital Marketing Operations and Conversion Rate Optimization)

Date Posted: April 27, 2026

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

Remote Status: Fully Remote

🚀 Role Summary

• This role is crucial for driving demand generation and customer acquisition through high-impact, conversion-focused web experiences.

• You will be instrumental in translating marketing strategies into visually compelling and technically optimized landing pages and web assets.

• The position requires a deep understanding of user experience, performance optimization, and the ability to iterate rapidly based on data-driven insights.

• As a Framer Expert, you will be a key contributor to establishing and evolving the company's digital brand aesthetic and conversion engine.

📝 Enhancement Note: While the title is "Framer Expert," the core responsibilities and desired outcomes align significantly with a Digital Marketing Operations or Growth Marketing Specialist role, with a specific technical specialization in Framer. The emphasis on conversion, A/B testing, and SEO positions this within the broader GTM and Revenue Operations umbrella, focusing on optimizing the top of the funnel.

📈 Primary Responsibilities

• Landing Page Development & Optimization: Design, build, and deploy pixel-perfect, high-converting landing pages and web experiences using Framer, incorporating advanced micro-interactions, scroll-based animations, and performant load times.

• Motion Design & Prototyping: Prototype, test, and polish complex motion sequences and interactive elements that differentiate the company's web presence, translating early-stage ideas into high-fidelity visuals.

• Conversion Rate Optimization (CRO): Conduct rapid A/B experiments within Framer, meticulously tweaking sections, calls-to-action (CTAs), and animation timing to achieve measurable uplift in conversion rates.

• Performance & SEO Standards: Ensure all developed web assets achieve high performance scores (Lighthouse 90+), are fully responsive across all devices, and adhere to basic Search Engine Optimization (SEO) best practices.

• Design System Management: Maintain and scale a living design system within Framer, ensuring consistency and efficiency across multiple product sites and marketing campaigns.

• Outcome-Driven Delivery: Ship at least two new high-impact landing pages per month, aiming for a ≥20% lift in sign-ups compared to legacy pages, and establish a signature M32 AI web aesthetic.

• Documentation & Best Practices: Document best practices, create reusable component libraries, and develop hand-off guides for other team members involved in web development or design.

📝 Enhancement Note: The primary responsibilities are heavily focused on front-end development for marketing purposes, with a strong emphasis on conversion optimization. This role is less about traditional backend operations and more about the operational execution of digital marketing strategies through a specialized technical skill. The outcomes specified (e.g., "Conversion-First Landing Pages," "Reusable Motion Library") highlight the operational efficiency and measurable impact expected.

🎓 Skills & Qualifications

Education:

Experience:

• 2-5 years of professional experience in web design, front-end development, or a similar role with a focus on creating high-converting digital experiences.

Required Skills:

• Framer Fluency: Expert-level proficiency with Framer, including variables, code overrides, CMS capabilities, and advanced design features.

• Motion Design Eye: A strong aesthetic sense for motion design, micro-interactions, and engaging animations.

• Prototyping Skills: Ability to prototype complex interactions, ideally with experience in Figma and/or After Effects.

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

• Conversion Rate Optimization (CRO): Experience with A/B testing methodologies and using data to drive design and content decisions for improved conversion rates.

• UI/UX Principles: Strong grasp of user interface and user experience design principles to create intuitive and engaging web journeys.

• Responsive Design: Proven ability to build websites that render flawlessly across all devices (desktop, tablet, mobile).

• SEO Fundamentals: Working knowledge of basic on-page SEO principles and how to implement them within web development.

Preferred Skills:

• Design Systems: Experience in creating, maintaining, and scaling design systems for web applications.

• Figma Proficiency: Ability to translate Figma designs into Framer builds or work collaboratively using Figma for initial design concepts.

• After Effects Proficiency: Experience with After Effects for more complex animation prototyping or asset creation.

• Storytelling & Narrative Design: Ability to map narrative arcs and user flows to create compelling marketing narratives.

• CMS Integration: Familiarity with Content Management Systems and their integration within web development workflows.

• Collaboration Tools: Experience working with tools like Jira, Asana, or Trello for project management.

📝 Enhancement Note: The "Required Skills" are heavily weighted towards Framer and related design/performance skills, reflecting the specialized nature of the role. The "Preferred Skills" offer avenues for candidates to showcase broader capabilities that enhance their applicability in a dynamic GTM environment.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Framer Project Showcase: A dedicated section showcasing at least 2-3 complex Framer projects, highlighting advanced features like code overrides, CMS integration, and intricate animations.

• Conversion-Focused Case Studies: Detailed case studies for at least two landing page projects, demonstrating the problem, your solution (design and build), and measurable results (e.g., conversion rate lift, sign-up increase). Quantifiable data is critical.

• Motion Design Examples: Visual examples of your motion design capabilities, potentially including short video clips or interactive prototypes demonstrating scroll-based animations, micro-interactions, or complex transitions.

• Performance & Responsiveness: Evidence of projects that meet high performance standards (mentioning Lighthouse scores if possible) and are demonstrably responsive across multiple device breakpoints.

Process Documentation:

• Workflow Design: Examples of how you approach translating design briefs and marketing objectives into a structured development workflow within Framer.

• A/B Testing Implementation: Documentation or description of your process for setting up, running, and analyzing A/B tests on landing pages, including how you interpret results to inform iteration.

• Design System Component Examples: Showcase of reusable components or a mini-design system you've built or contributed to, illustrating scalability and consistency.

📝 Enhancement Note: For a role focused on tangible output like landing pages and conversion optimization, a portfolio is paramount. The emphasis should be on demonstrating not just aesthetic skill but also the operational impact of the work through data and process.

💵 Compensation & Benefits

Salary Range:

• Estimated range for a Mid-Level Framer Expert in Pakistan: PKR 150,000 - 350,000 per month.

• Methodology: This estimate is based on typical market rates for specialized digital design and development roles in Pakistan, considering the "2-5 years" experience level. It also factors in the "competitive pay plus performance bonuses tied to page metrics" and "rapid salary growth for high impact—top performers can double comp within a year" statements. Given the remote nature and the potential for high impact, the upper end of the range reflects significant performance-based upside.

Benefits:

• Competitive Base Pay: Attractive base salary commensurate with experience and skill level.

• Performance Bonuses: Significant bonuses tied directly to the conversion metrics and performance of the landing pages you build, aligning compensation with direct business impact.

• Remote-First Culture: A fully remote working environment, offering flexibility and work-life balance.

• Learning & Development Budget: Financial support for courses, plugins, conferences, or other resources to enhance skills in AI, design, and web development.

• Full AI & Design Stack Access: Provision of premium tools including Framer Pro, Figma, AI models (GPT-4, Claude), v0, LottieFiles, and Spline, enabling cutting-edge work.

• Rapid Salary Growth Potential: Opportunities for substantial compensation increases (potentially doubling within a year) for high performers demonstrating significant impact.

• Optional Global Jams: Opportunities to connect with the team in person at optional gatherings in Hong Kong, India, or London.

Working Hours:

• Approximately 40 hours per week, aligning with a full-time employment structure. The remote-first culture suggests flexibility in daily scheduling, provided core responsibilities and collaboration needs are met.

📝 Enhancement Note: The compensation and benefits are a significant draw, especially the performance bonuses and rapid growth potential. Highlighting these in the context of measurable outcomes is key for attracting top talent. The salary range is a researched estimate for Pakistan, and the company's explicit mention of performance-based pay suggests the actual offer could be highly variable and performance-dependent.

🎯 Team & Company Context

🏢 Company Culture

Industry: AI-Powered Productivity Solutions / B2B SaaS. The company, M32 AI (operating under Wing Assistant), is focused on developing AI-driven B2B products to automate workflows and enhance team productivity.

Company Size: While not explicitly stated, the mention of "founder-driven environments" and a "rapid hiring process" suggests a dynamic, likely growth-stage startup or a dedicated division within a larger organization (Wing Assistant). This implies a lean, agile, and fast-paced operational structure.

Founded: The founding date of M32 AI is not provided, but the context of Wing Assistant (founded in 2018) suggests a relatively modern and innovative company.

Team Structure:

• Lean & Agile: Expect a small, highly collaborative team structure common in startups, with direct access to founders and marketing leadership.

• Cross-Functional Collaboration: Close collaboration with marketing, product, and potentially sales teams is essential to align web experiences with GTM strategies and product development.

• Async-First Communication: The emphasis on "thrive in async, fast-iteration, founder-driven environments" points to a communication style that prioritizes asynchronous methods (e.g., Slack, Notion, email) over constant synchronous meetings, allowing for focused work.

Methodology:

• Data-Driven Iteration: A core methodology involves hypothesis testing, rapid experimentation (A/B testing), learning, and iterating on web designs and content to drive performance.

• Outcome-Oriented: Focus is on tangible results and measurable impact (e.g., conversion rates, user engagement) rather than just activity.

• Agile Development: The fast-iteration cycle and focus on rapid deployment suggest an agile approach to web development and marketing campaign execution.

Company Website: Wing Assistant (general company) - https://www.wingassistant.com/ (Note: M32 AI is the product/division context here).

📝 Enhancement Note: The company culture is described as fast-paced, founder-driven, and focused on measurable outcomes. This is crucial for operations professionals who thrive in environments where their direct impact is visible and valued.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a specialized individual contributor at a Mid-Level, focusing on the technical execution of GTM strategies rather than broad operational management. It's for someone who excels at building and optimizing digital assets.

Reporting Structure: Likely reports to a Marketing Lead, Head of Growth, or a Product Marketing Manager, with direct interaction and feedback from founders.

Operations Impact: The impact is measured directly through conversion rates, lead generation volume, and the establishment of a strong, differentiated digital brand presence. This role directly contributes to the top of the sales funnel and customer acquisition cost (CAC) efficiency.

Growth Opportunities:

• Technical Specialization: Deepen expertise in Framer, advanced web animation, and conversion rate optimization techniques.

• Performance-Based Advancement: Significant opportunities for rapid salary increases and potentially expanded responsibilities (e.g., leading web projects, mentoring junior designers) based on demonstrated impact and performance metrics.

• Broader GTM Exposure: Gain exposure to broader growth marketing strategies, product marketing, and AI B2B product development.

• Leadership Potential: For exceptional performers, there's potential to move into lead roles within the web development or growth marketing function.

📝 Enhancement Note: The career path here is less about traditional operations management and more about becoming a highly valued technical specialist within the GTM function, with compensation and advancement directly tied to performance outcomes.

🌐 Work Environment

Office Type: Fully Remote. The company is "remote-first," meaning the primary mode of operation is distributed.

Office Location(s): While the role is based in Pakistan, the company mentions optional "jams" (gatherings) in Hong Kong, India, or London. This indicates an international presence and opportunities for in-person team building.

Workspace Context:

• Independent Work Focus: The remote-first and async-first nature necessitates a high degree of self-discipline, independent work, and effective time management.

• Tool-Rich Environment: Access to a comprehensive suite of AI and design tools (Framer Pro, Figma, GPT-4, Claude, v0, LottieFiles, Spline) ensures a modern and efficient digital workspace.

• Collaborative Digital Space: While remote, collaboration is expected through digital channels, project management tools, and potentially virtual design critiques.

Work Schedule:

• Approximately 40 hours per week. The remote and async nature allows for flexibility in daily scheduling, provided deadlines are met and collaboration during core working hours (if any are defined) is managed effectively. The focus is on output and achieving defined outcomes.

📝 Enhancement Note: The remote environment emphasizes autonomy and self-management. The availability of top-tier tools is a significant advantage for productivity and skill development.

📄 Application & Portfolio Review Process

Interview Process:

• Intro Call (20 min): Initial screening focused on cultural fit, understanding your motivations, and assessing alignment with the company's fast-paced, founder-driven environment. Be prepared to discuss your career goals and why this specific role and company appeal to you.

• Async Test (Build a mini hero section in Framer): A practical, hands-on test to evaluate your core Framer skills, design sense, and ability to execute within a given brief. Focus on clean code, effective animation, and a strong visual impact for the hero section.

• Final Call (45 min): A live design critique session with the founder and marketing lead. This is where you'll present your async test work, discuss your design choices, and potentially walk through relevant portfolio pieces. Be ready to articulate your process, justify your decisions, and engage in constructive feedback.

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

Portfolio Review Tips:

• Framer Focus: Ensure your portfolio prominently features your strongest Framer work. Quantify achievements wherever possible (e.g., "Increased conversion rate by X%," "Reduced load time by Y seconds").

• Case Study Structure: For landing pages, structure your case studies clearly: Problem (marketing objective/challenge), Solution (your design and build approach in Framer), Results (measurable impact with data), and learnings.

• Motion & Interaction: Highlight your motion design skills with clear examples. Short videos or interactive embeds are ideal.

• Performance & Responsiveness: Be prepared to discuss your approach to performance optimization and ensure your presented work is responsive. Mentioning Lighthouse scores or specific optimization techniques you used is beneficial.

• Conciseness: Given the "fast-iteration" culture, keep your portfolio and presentation concise and impactful. Focus on quality over quantity.

Challenge Preparation:

• Async Test Practice: Practice building a compelling hero section in Framer under a time constraint. Focus on making it visually striking, performant, and responsive, incorporating a clear CTA.

• Design Critique Readiness: Be ready to articulate the "why" behind your design decisions – your target audience, conversion goals, and how your design elements (layout, typography, animation) serve those goals.

• Company Research: Understand M32 AI's mission and Wing Assistant's broader offerings. Think about how your web design skills contribute to their B2B AI product goals.

📝 Enhancement Note: The interview process is designed to quickly assess practical skills and cultural fit. The async test and live critique are key evaluation points, making portfolio preparation and presentation critical.

🛠 Tools & Technology Stack

Primary Tools:

• Framer: The core tool for website and landing page development. Proficiency with Framer Pro is essential.

• Figma: Used for initial design concepts, wireframing, and potentially collaborative design reviews.

• After Effects (Preferred): For more complex animation prototyping or asset creation beyond Framer's capabilities.

• LottieFiles: Likely used for optimizing and integrating complex animations into web builds.

• Spline: A 3D design tool, potentially used for creating 3D assets or interactive elements for web integration.

Analytics & Reporting:

• Lighthouse: For auditing web page performance, accessibility, and SEO.

• A/B Testing Platforms (Implicit): While not named, the role implies the use of tools to conduct A/B experiments within Framer or via integration with marketing platforms.

• Web Analytics Tools (Implicit): Understanding of tools like Google Analytics or similar for tracking conversion metrics and user behavior on landing pages.

CRM & Automation:

• CMS (Content Management System): Framer's built-in CMS capabilities.

• AI Models: Access to GPT-4, Claude for content generation or ideation support.

• v0 (by Vercel): Potentially used for generating UI components or design inspiration.

📝 Enhancement Note: The tech stack is highly specialized towards modern web design and AI tools. Demonstrating familiarity with these, especially Framer, is non-negotiable.

👥 Team Culture & Values

Operations Values:

• Output & Impact: The company explicitly "hires for output, not pedigree." This means a strong emphasis on delivering measurable results and demonstrating tangible impact, particularly in conversion metrics.

• Craftsmanship & Quality: There's a clear value placed on "craft" and building "pixel-perfect" experiences with sophisticated motion and interactions.

• Speed & Iteration: The "move quickly," "fast-iteration," and "rapid A/B experiments" points highlight a culture that embraces agility and continuous improvement.

• Ownership & Autonomy: "Zero micromanagement—full ownership, visible impact, serious upside" indicates a culture that empowers individuals and expects them to take full responsibility for their work.

• Data-Driven Decision Making: Treating "design like product—hypothesis, test, learn, iterate" underscores the importance of using data to inform and validate design and development choices.

Collaboration Style:

• Async-First: Communication is primarily asynchronous, requiring clear written communication and proactive updates.

• Direct & Feedback-Oriented: The "live design critique" suggests a culture where direct feedback is given and received, fostering learning and improvement.

• Founder-Centric: Close collaboration and alignment with founders are likely integral to the workflow.

📝 Enhancement Note: Understanding these values is key for candidates to articulate how they align with the company's operational philosophy and working style.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Speed and Quality: The demand for rapid iteration and high output while maintaining pixel-perfect quality and sophisticated animations can be challenging.

• Translating Complex AI Concepts: Effectively communicating the value proposition of AI B2B products through engaging and understandable web experiences.

• Performance Optimization at Scale: Ensuring consistently high performance and SEO standards across a growing number of landing pages and web assets.

• Staying Ahead of Design Trends: Continuously evolving the "signature M32 AI web aesthetic" to remain visually one step ahead of competitors in a fast-moving market.

Learning & Development Opportunities:

• Cutting-Edge Tool Mastery: Deepen expertise in Framer and explore new AI-powered design and development tools.

• Advanced CRO Techniques: Develop sophisticated A/B testing strategies and data analysis skills to maximize conversion rates.

• Growth Marketing Exposure: Gain practical experience in how web design directly impacts customer acquisition and revenue growth.

• Performance-Based Career Acceleration: Direct path for rapid professional and financial growth based on measurable contributions.

📝 Enhancement Note: Highlighting challenges also presents opportunities for candidates to demonstrate problem-solving skills and their proactive approach to learning and development.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for translating a marketing brief into a high-converting Framer landing page. Walk me through the key stages, from concept to launch and iteration." (Focus on workflow, tools, and data-driven steps).

• "How do you approach balancing complex motion design with web performance and SEO requirements? Provide an example." (Demonstrate technical understanding and trade-offs).

Company & Culture Questions:

• "Why are you drawn to working in a fast-iteration, founder-driven environment like M32 AI/Wing Assistant?" (Align with the async-first, agile culture).

• "How do you ensure your work aligns with the company's overall growth and product strategy, even in a remote setting?" (Demonstrate strategic thinking and collaboration).

Portfolio Presentation Strategy:

• Storytelling: For each case study, tell a clear story: the challenge, your approach, and the impact. Use visuals effectively.

• Data is Key: Quantify results wherever possible. If exact numbers aren't available, explain the metrics you would track and aim for.

• Framer Deep Dive: Be ready to discuss the specific Framer features you used and why. If you used code overrides, be prepared to talk about the logic.

• Interactive Demos: If possible, have live or interactive versions of your Framer projects readily available.

• Conciseness & Focus: Stick to your strongest, most relevant examples. Aim for quality and impact over showing everything you've ever done.

📝 Enhancement Note: Preparation should focus on demonstrating practical skills, analytical thinking, and alignment with the company's specific culture and operational values.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided Lever link.

• Portfolio Customization: Tailor your portfolio to prominently feature your strongest Framer projects, focusing on landing pages with measurable conversion results. Showcase your motion design capabilities and any experience with performance optimization or A/B testing.

• Resume Optimization: Update your resume to highlight keywords directly from the job description, such as "Framer," "Motion Design," "Conversion Rate Optimization," "A/B Testing," "Web Performance," "SEO," and "Figma." Quantify your achievements with specific metrics wherever possible.

• Interview Practice: Prepare for the intro call by articulating your career goals and interest in this specific role. Practice explaining your design process and justifying your choices for the async test and final critique. Rehearse presenting your portfolio with a focus on storytelling and data.

• Company Research: Understand M32 AI's mission in the AI B2B space and Wing Assistant's overall business. Consider how your skills in creating high-converting web experiences directly contribute to their GTM strategy and revenue generation.

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