Framer Expert (Remote)

📍 Job Overview

Job Title: Framer Expert (Remote)

Company: Wing Assistant

Location: Belgrade, Serbia

Job Type: Full Time

Category: Growth Marketing / Web Design Operations

Date Posted: April 27, 2026

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

Remote Status: Fully Remote

🚀 Role Summary

• Design, build, and optimize high-converting landing pages using Framer, a key tool in our Go-To-Market (GTM) operations.

• Implement advanced motion design and micro-interactions within Framer to enhance user experience and brand differentiation.

• Conduct rapid A/B testing and performance optimization to drive measurable improvements in key conversion metrics.

• Collaborate closely with marketing and product teams to translate strategic goals into impactful web experiences.

• Maintain and scale a dynamic design system within Framer for consistent brand representation across multiple campaigns and product sites.

📝 Enhancement Note: This role is positioned within a "Growth Marketing / Web Design Operations" category, indicating a strong focus on leveraging web presence for customer acquisition and revenue generation. The emphasis on Framer and direct impact on conversion metrics suggests a highly tactical and results-oriented operations function.

📈 Primary Responsibilities

• Develop and deploy pixel-perfect landing pages in Framer, incorporating sophisticated micro-interactions, scroll-based animations, and ensuring optimal load times.

• Prototype, test, and refine complex motion sequences that distinguish M32 AI's web presence from competitors.

• Define and map user flows, narrative arcs, and conversion goals for all web initiatives.

• Translate early-stage concepts and copy into high-fidelity visual designs, often beginning in Figma and finalizing in Framer.

• Build and maintain a scalable, living design system within Framer to ensure brand consistency across diverse product sites and marketing campaigns.

• Execute rapid A/B experiments in Framer, iterating on page sections, calls-to-action (CTAs), and animation timing to achieve measurable uplift in conversion rates.

• Ensure all web builds meet high-performance standards (Lighthouse 90+), are fully responsive across devices, and adhere to fundamental SEO best practices.

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

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

• Create a reusable library of Framer components (e.g., hero sections, pricing tables, testimonial sliders) to accelerate future page build times by 50% while maintaining visual quality.

• Establish and maintain a signature M32 AI web aesthetic, characterized by a recognizable animation style, bold typography, and engaging interactions, benchmarking against top competitors.

📝 Enhancement Note: The responsibilities are heavily focused on execution within Framer, with clear emphasis on measurable outcomes related to conversion, efficiency, and brand differentiation. This indicates a hands-on role with direct impact on GTM performance.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong portfolio demonstrating practical application of skills is paramount. A background in Web Design, Digital Marketing, Graphic Design, or a related field is beneficial.

Experience: 2-5 years of professional experience in web design, with a significant focus on building and optimizing landing pages, and a proven track record of using Framer for advanced web development.

Required Skills:

• Framer Fluency: Expert proficiency in Framer, including variables, code overrides, CMS functionalities, and advanced component creation.

• Motion Design Expertise: A strong eye for motion design, with the ability to prototype and implement engaging animations and micro-interactions.

• Figma Proficiency: Skilled in using Figma for design, prototyping, and translating concepts into buildable assets.

• Web Performance Optimization: Deep understanding of web performance budgets, lazy-loading strategies, and modern web standards to achieve high Lighthouse scores.

• Conversion-Oriented Design: Proven ability to design with conversion goals in mind, mapping user flows and optimizing for user acquisition.

• A/B Testing & Iteration: Experience running rapid A/B experiments and iterating based on data-driven insights to improve page performance.

• Responsive Design: Ability to ensure websites are fully responsive and performant across all devices and screen sizes.

• SEO Fundamentals: Understanding of basic SEO principles for web content optimization.

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

• Async & Fast-Iteration Environments: Ability to thrive in a fast-paced, remote-first, founder-driven environment that values rapid iteration.

Preferred Skills:

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

• Code Overrides: Familiarity with basic coding concepts for Framer code overrides.

• LottieFiles & Spline: Experience using LottieFiles for animation integration and Spline for 3D elements.

• AI/ML Tools: Familiarity or experience with AI tools like GPT-4, Claude, or v0 for design inspiration or asset generation is a plus.

• Analytics Tools: Experience with web analytics platforms to track and report on landing page performance.

📝 Enhancement Note: The emphasis on Framer fluency, motion design, and performance optimization points to a specialized role requiring deep technical and creative skills. The "2-5 years" experience level suggests they are looking for someone who can hit the ground running with minimal ramp-up time.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Framer Showcase: A significant portion of the portfolio must feature live Framer projects, demonstrating complex layouts, animations, and interactive elements.

• Conversion Case Studies: Include at least 2-3 detailed case studies of landing pages or websites built, highlighting the problem, your solution, the process, and quantifiable results (e.g., increased conversion rates, reduced bounce rates, improved engagement).

• Motion Design Examples: Showcase specific examples of micro-interactions, scroll-based animations, or complex motion sequences built in Framer or prototyped effectively.

• Design System Components: If applicable, provide examples of reusable components or a mini-design system implemented within Framer.

• Performance Metrics: Where possible, include screenshots or data demonstrating performance metrics (e.g., Lighthouse scores, load times) for your projects.

Process Documentation:

• Workflow Design: Demonstrate an understanding of how you translate requirements into a structured build process within Framer, from initial wireframing/design to final implementation.

• Iteration & Testing: Provide examples of how you approach A/B testing, user feedback, and iterative improvements within your design and build process.

• Performance Analysis: Show how you analyze performance data and implement optimizations based on these findings.

📝 Enhancement Note: A strong portfolio is critical for this role, as it directly showcases the candidate's ability to deliver on the core responsibilities. The focus on "outcomes" and "measurable uplift" means case studies must be data-driven and highlight tangible results.

💵 Compensation & Benefits

Salary Range: Based on the remote location (Belgrade, Serbia), the mid-level experience requirement (2-5 years), and the competitive nature of the AI/SaaS industry, an estimated annual salary range would be €25,000 - €45,000 (approx. $27,000 - $49,000 USD). This range accounts for local cost of living and the specialized skill set. Performance bonuses are also explicitly mentioned, which could significantly increase total compensation.

Benefits:

• Performance Bonuses: Competitive pay is supplemented by performance bonuses tied directly to landing page conversion metrics.

• Learning Budget: A dedicated budget for courses, plugins, or conferences to foster continuous skill development in AI and design.

• Remote-First Culture: Work from anywhere, with flexibility and autonomy.

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

• Rapid Salary Growth: Top performers have the potential for significant compensation increases, with the possibility of doubling comp within a year based on high impact.

• Optional Jams: Opportunities for in-person collaboration or networking at optional gatherings in Hong Kong, India, or London.

Working Hours: The role is expected to require approximately 40 hours per week. While remote, the emphasis on rapid iteration and async communication suggests a need for responsiveness and dedicated work blocks, though specific daily schedules may offer flexibility.

📝 Enhancement Note: The compensation structure is heavily performance-incentivized, with significant upside potential for high achievers. The focus on "zero micromanagement" and "full ownership" aligns with a culture that rewards output and impact. Salary estimate is based on general market data for similar roles in Eastern Europe and the tech sector, adjusted for the specialized Framer skill.

🎯 Team & Company Context

🏢 Company Culture

Industry: The company operates within the rapidly evolving AI and SaaS sector, specifically focusing on AI B2B products designed to enhance human productivity and automate workflows. This industry context demands agility, continuous learning, and a data-driven approach to GTM strategies.

Company Size: While not explicitly stated, the mention of "founder-driven environments" and "optional jams in Hong Kong, India, or London" suggests a growing startup or scale-up company, likely between 50-250 employees, with a global distributed team. This size typically fosters a dynamic, hands-on culture where individual contributions are highly visible.

Founded: The founding date is not provided, but the company's focus on "the next evolution of human productivity" and AI B2B products indicates a relatively modern, forward-thinking organization.

Team Structure:

• Operations Focus: The role operates within a GTM or Growth Marketing function, interacting closely with marketing leadership and potentially product teams.

• Reporting: Likely reports to a Head of Growth, Marketing Director, or a direct founder, given the startup environment.

• Collaboration: Expect close cross-functional collaboration with marketing strategists, content creators, and potentially product managers to align web experiences with broader business objectives. The emphasis on async communication means clear documentation and proactive communication are key.

Methodology:

• Data-Driven Optimization: The core methodology revolves around using data from A/B tests and performance metrics to drive decisions and iterate on web assets.

• Rapid Prototyping & Iteration: A fast-paced approach to building, testing, and refining web components and landing pages.

• Design System Management: Emphasis on creating scalable, reusable assets to ensure efficiency and brand consistency.

Company Website: The company is M32.ai, accessible via http://M32.ai.

📝 Enhancement Note: The company culture appears to be highly results-oriented, fast-paced, and focused on leveraging AI and cutting-edge web technologies to drive business growth. The remote-first and async nature requires self-starters who are comfortable with autonomy and clear communication.

📈 Career & Growth Analysis

Operations Career Level: This is a mid-level specialist role, focusing on the technical execution and optimization of web assets within a GTM framework. It's a "Framer Expert" position, indicating a deep dive into a specific, critical tool for growth operations. The role is highly tactical, directly contributing to lead generation and conversion metrics.

Reporting Structure: The role likely reports to a senior marketing leader or a growth lead who defines the strategic direction for web campaigns. Collaboration will be broad, involving various stakeholders who benefit from optimized web experiences.

Operations Impact: The operations impact is direct and measurable. By building high-converting landing pages and optimizing them through A/B testing, this role directly influences lead volume, customer acquisition cost (CAC), and ultimately, revenue generation. The emphasis on brand differentiation through design also contributes to top-of-funnel awareness and perception.

Growth Opportunities:

• Specialization Deepening: Opportunity to become a leading expert in Framer and advanced web animation/interaction design within a growing company.

• Leadership in Web Operations: Potential to evolve into a leadership role managing web development, design systems, or CRO initiatives as the company scales.

• Broader GTM Exposure: Gain deep insights into growth marketing strategies, performance analysis, and the full GTM funnel, which can lead to broader roles in growth marketing or product marketing.

• Performance-Based Advancement: The explicit mention of "rapid salary growth for high impact—top performers can double comp within a year" signifies a strong opportunity for accelerated career and financial progression based on performance.

• Skill Expansion: Access to a full AI and design stack, plus a learning budget, encourages continuous learning and expansion into related areas of digital product development.

📝 Enhancement Note: This role offers significant growth potential for individuals who excel in a performance-driven, results-oriented environment. The emphasis on measurable impact and the company's growth trajectory suggest ample opportunities for advancement and increased compensation.

🌐 Work Environment

Office Type: The company is explicitly "remote-first," meaning there is no central physical office that employees are required to attend. The work environment is entirely digital and distributed.

Office Location(s): While the role is remote, the company mentions "optional jams in Hong Kong, India, or London." These are likely informal meetups or co-working sessions for team members in those regions, rather than mandatory office locations. The primary work location for this role is Belgrade, Serbia.

Workspace Context:

• Global Team: You will be part of a globally distributed team, requiring strong asynchronous communication skills and comfort working across different time zones.

• Digital Toolset: The workspace is defined by the suite of digital tools provided, including Framer Pro, Figma, AI assistants (GPT-4, Claude), and 3D/animation software (v0, LottieFiles, Spline).

• Autonomy & Collaboration: The environment emphasizes "zero micromanagement" and "full ownership," fostering a high degree of autonomy. However, collaboration is crucial, particularly through documentation and structured async communication channels.

Work Schedule: The role is full-time, likely around 40 hours per week. While core working hours might not be strictly enforced due to the remote and async nature, there's an expectation of responsiveness and availability to collaborate effectively with team members and meet deadlines. The focus is on output rather than clocked hours.

📝 Enhancement Note: The remote-first, async nature of the work environment is a key characteristic. Candidates should be comfortable with self-management, clear written communication, and leveraging digital tools to stay connected and productive.

📄 Application & Portfolio Review Process

Interview Process:

1. Intro Call (20 min): An initial screening to assess cultural fit, understand your career goals, and discuss the role's objectives. Be prepared to articulate your passion for growth marketing and web design's role in it.

2. Async Test: A practical, take-home assignment where you'll build a mini hero section in Framer based on a provided brief. This is a crucial step to demonstrate your core Framer skills, attention to detail, and ability to interpret requirements.

3. Final Call (45 min): A live design critique session with the founder and marketing lead. This will involve discussing your async test submission, potentially reviewing other portfolio pieces, and diving deeper into your design process, problem-solving approach, and how you'd tackle specific challenges.

4. Offer: The company aims to complete the hiring process within 10-14 days from the initial application.

Portfolio Review Tips:

• Framer First: Ensure your best and most relevant Framer work is prominently featured. Live links are highly preferred over static screenshots.

• Quantify Impact: For each project, clearly state the objective, your role, the process, and most importantly, the quantifiable results achieved (e.g., conversion rate increase, engagement metrics, performance improvements). Use data-driven language.

• Showcase Motion: Highlight your motion design skills with clear examples of animations and micro-interactions. Explain the purpose and effect of these elements.

• Process Clarity: Briefly explain your workflow for building pages in Framer, including how you handle design handoffs, performance checks, and A/B testing.

• Conciseness: Given the fast-paced nature, make your portfolio easy to navigate and digest. Highlight key achievements upfront.

Challenge Preparation:

• Async Test Practice: Familiarize yourself with common Framer hero section layouts and animation patterns. Practice building quickly and efficiently while maintaining high quality.

• Live Critique Readiness: Be prepared to "think out loud" during the critique. Explain your design decisions, justify your use of Framer features, and articulate how your design contributes to business goals. Understand the trade-offs you made.

• Company Research: Research M32.ai, their current web presence, and their AI B2B products. Understand their target audience and value proposition. Think about how your Framer expertise can amplify their GTM efforts.

📝 Enhancement Note: The interview process is designed to be efficient and highly practical, focusing on demonstrable skills and measurable impact. The async test and live critique are key evaluation points, so candidates should prepare thoroughly for these stages, emphasizing their Framer expertise and results-driven approach.

🛠 Tools & Technology Stack

Primary Tools:

• Framer: The core platform for website building, design, and development. Expect advanced usage, including code overrides, variables, components, and CMS.

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

• After Effects (Preferred): For more complex animation prototyping or creating assets that might be integrated into Framer.

• LottieFiles: For integrating complex animations efficiently.

• Spline: For incorporating 3D elements into web designs.

Analytics & Reporting:

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

• Google Analytics / Similar: Likely used to track website traffic, user behavior, and conversion goals for landing pages.

• Heatmapping/Session Recording Tools (e.g., Hotjar, FullStory - assumed): To gain deeper user insights for optimization.

CRM & Automation:

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

• Marketing Automation Platforms (e.g., Marketo, Pardot - assumed): For nurturing leads and automating follow-up processes.

• Integration Tools (e.g., Zapier, Make - assumed): To connect Framer forms or leads to CRM/marketing automation systems.

AI & Collaboration:

• GPT-4, Claude: AI assistants for content generation, ideation, and potentially code assistance.

• v0: AI-powered design generation tool, potentially for inspiration or rapid asset creation.

• Slack / Similar: For asynchronous team communication.

• Notion / Similar: Likely used for documentation, project management, and knowledge sharing.

📝 Enhancement Note: The technology stack is heavily geared towards modern web design, AI integration, and performance optimization. Proficiency in Framer is non-negotiable, and familiarity with the broader ecosystem of design, analytics, and AI tools will be advantageous.

👥 Team Culture & Values

Operations Values:

• Output & Impact: The primary value is delivering tangible results. Performance is measured by output (e.g., pages shipped) and impact (e.g., conversion uplift).

• Craftsmanship & Pixel Perfection: A strong emphasis on high-quality design, meticulous attention to detail, and visually striking web experiences.

• Data-Driven Decision Making: Decisions regarding design and optimization are guided by data from A/B tests and performance metrics.

• Efficiency & Velocity: The ability to iterate quickly, build efficiently, and ship new assets rapidly is highly valued.

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

Collaboration Style:

• Async-First: Communication primarily occurs asynchronously through documentation and messaging platforms, requiring clear, concise, and self-explanatory communication.

• Direct & Transparent: Feedback is likely direct and transparent, especially during design critiques and performance reviews.

• Cross-Functional Partnership: While specializing in Framer, collaboration extends to marketing strategists, content creators, and leadership to ensure web efforts align with broader business goals.

• Continuous Improvement: A culture that encourages experimentation, learning from failures, and sharing best practices to collectively improve processes and outcomes.

📝 Enhancement Note: The culture is geared towards high-achievers who are comfortable with autonomy, data-driven decision-making, and a fast-paced, remote-first environment. Success is defined by tangible results and the quality of work produced.

⚡ Challenges & Growth Opportunities

Challenges:

• Rapid Iteration Demands: The constant need to ship new landing pages and run A/B tests can be demanding, requiring efficient workflow management.

• Balancing Performance and Design: Achieving high performance metrics (Lighthouse scores) while implementing complex animations and visually rich designs requires skillful optimization.

• Maintaining Brand Consistency: As the company scales and introduces more product sites, ensuring a consistent brand aesthetic across all Framer builds can be challenging.

• Staying Ahead of Trends: The AI and web design landscapes evolve rapidly; staying current with Framer updates, new design techniques, and performance best practices is crucial.

• Remote Collaboration Nuances: Effectively collaborating and communicating in a fully remote, asynchronous environment requires strong interpersonal and documentation skills.

Learning & Development Opportunities:

• Deep Framer Mastery: Become an unparalleled expert in Framer, learning its most advanced features and pushing its capabilities.

• Advanced CRO Skills: Gain extensive experience in conversion rate optimization through hands-on A/B testing and data analysis.

• Growth Marketing Acumen: Develop a strong understanding of the broader growth marketing funnel and how web operations contribute to it.

• AI-Powered Design: Explore and integrate AI tools (GPT-4, Claude, v0) into the design and development workflow.

• Leadership Potential: With demonstrated success, there's a clear path to leading web operations, design systems, or CRO initiatives within the company.

• Industry Exposure: Participation in conferences or courses funded by the learning budget can expose you to new technologies and methodologies.

📝 Enhancement Note: This role presents opportunities to tackle complex challenges in a high-growth environment, with significant potential for professional development and career acceleration, particularly for those who excel in performance-driven roles.

💡 Interview Preparation

Strategy Questions:

• "How would you approach designing and building a landing page for a new AI B2B product, focusing on conversion within a tight deadline?" (Prepare to discuss your process, Framer features, and how you'd prioritize).

• "Describe a time you used Framer's animation capabilities to solve a specific user experience problem or drive engagement. What was the outcome?" (Focus on a case study with measurable results).

• "What are your strategies for ensuring a Framer build achieves a Lighthouse score of 90+ while incorporating complex animations?" (Be ready to discuss performance optimization techniques).

Company & Culture Questions:

• "What excites you about M32.ai's mission and its approach to AI B2B products?" (Research the company's products and value proposition).

• "How do you see your Framer expertise contributing to our GTM strategy and brand differentiation?" (Connect your skills to their business objectives).

Portfolio Presentation Strategy:

• Walkthrough Your Best Framer Project: Select a project that best showcases your Framer skills, motion design, and impact on conversion. Be ready to present it live, explaining your choices, challenges, and results.

• Highlight Metrics: For each project discussed, immediately present the key metrics and ROI achieved. Use clear visuals or data points.

• Demonstrate Problem-Solving: For any challenges faced during a project, explain how you overcame them, showcasing your analytical and problem-solving abilities.

• Showcase Design System Thinking: If you have examples of reusable components or design system thinking, be prepared to explain how it promotes efficiency and consistency.

📝 Enhancement Note: Preparation should focus on demonstrating deep Framer expertise, a results-driven mindset, and an understanding of how web design directly contributes to business growth. Be ready to back up all claims with data and specific examples.

📌 Application Steps

To apply for this Framer Expert position:

• Submit your application through the provided link on jobs.lever.co.

• Tailor Your Resume: Highlight your Framer expertise, experience with motion design, performance optimization, and any quantifiable achievements in conversion rate improvement. Use keywords from the job description.

• Curate Your Portfolio: Ensure your portfolio prominently features your strongest Framer projects. Include live links and detailed case studies with clear metrics. Prioritize projects that demonstrate advanced animations and successful conversion outcomes.

• Prepare for the Async Test: Familiarize yourself with Framer and practice building responsive hero sections quickly. Pay close attention to detail and any specific requirements in the test brief.

• Research M32.ai: Understand their products, target audience, and current web presence. Think critically about how you can enhance their GTM efforts with your Framer skills.

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

---