Webflow / Framer Builder

📍 Job Overview

Job Title: Webflow / Framer Builder

Company: autarc

Location: Berlin, Germany

Job Type: Permanent employee

Category: Marketing Operations / Web Development

Date Posted: June 04, 2026

Experience Level: 2-5 Years

Remote Status: On-site

🚀 Role Summary

• Drive end-to-end ownership of autarc's Webflow/Framer website, encompassing design, development, performance, and ongoing maintenance to support global expansion.

• Spearhead the localization and scaling of the website across numerous new international markets, ensuring a consistent and impactful brand presence.

• Enhance user experience through sophisticated animation, motion design, and micro-interactions, creating a visually stunning and premium digital interface.

• Maintain and evolve a robust component library and Content Management System (CMS) architecture for scalability, consistency, and efficient content management.

• Collaborate cross-functionally with marketing, design, and country GTM leads to rapidly deploy localized pages and high-converting campaign landing pages.

📝 Enhancement Note: This role is positioned within the Marketing & Growth team, indicating a strong focus on Go-To-Market (GTM) initiatives and performance marketing support. The emphasis on "shipping fast" and "taking a design from concept to live page" suggests a dynamic, fast-paced environment common in startups, particularly those with a Y Combinator background.

📈 Primary Responsibilities

• Oversee the complete lifecycle of the company's Webflow website, from initial design and build to performance optimization and ongoing maintenance.

• Develop and implement website strategies for global rollout, including localization and adaptation for diverse international markets.

• Implement advanced animation, motion graphics, and micro-interactions to elevate the website's aesthetic appeal and user engagement.

• Design, build, and maintain a scalable component library and CMS structure to ensure brand consistency and facilitate future content expansion.

• Partner with the Performance Marketing team to create and optimize dedicated landing pages for paid campaigns, focusing on conversion rate optimization (CRO).

• Manage and improve the website's Search Engine Optimization (SEO) strategy, including technical SEO, on-page optimization, and site architecture.

• Maintain the CMS, ensuring clean and scalable content models as the company expands into new markets and adds new pages.

• Continuously monitor and enhance page speed, responsiveness, and conversion rates through iterative improvements.

• Collaborate closely with design teams, content creators, and country-specific GTM leads to deliver localized pages and effective campaign landing pages.

📝 Enhancement Note: Given the company's focus on heat pumps and decarbonization, the website's role is critical in communicating complex technical solutions and driving installer adoption. Responsibilities will likely involve translating technical features into user-friendly web experiences and ensuring the site effectively supports lead generation and brand authority within the renewable energy sector.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong understanding of design principles, web development, and marketing fundamentals is expected.

Experience: Minimum of 3 years of professional experience in web design and development, with a proven track record of building and managing websites.

Required Skills:

• Deep, hands-on expertise in Webflow or Framer, with a demonstrated ability to design and build complex websites.

• Proven experience in creating engaging animations and motion design, with a keen eye for detail and premium aesthetics.

• Solid understanding of SEO best practices, including technical SEO, on-page optimization, and site structure for organic growth.

• Experience in building and maintaining scalable component libraries and robust CMS structures.

• Strong visual design sensibility combined with meticulous attention to detail and a proactive approach to execution.

• Comfort and experience working closely with marketing and performance teams to develop conversion-focused web pages.

• Basic proficiency in HTML, CSS, and JavaScript for front-end development and customization.

• Experience with website localization strategies for international markets.

• Fluency in English; German language skills are considered a plus. Preferred Skills:

• Experience with performance marketing campaign setup and analytics.

• Familiarity with A/B testing and conversion rate optimization methodologies.

• Understanding of user experience (UX) principles and best practices for web interfaces.

• Experience with design tools such as Figma or Sketch for design handoffs.

• Familiarity with web analytics platforms (e.g., Google Analytics).

📝 Enhancement Note: The requirement for "basic HTML/CSS/JS skills" suggests that while Webflow/Framer expertise is paramount, a foundational understanding of web technologies is needed for deeper customization and troubleshooting. The emphasis on "shipping fast" implies a need for efficiency and a pragmatic approach to development.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A comprehensive portfolio showcasing a minimum of 3 years of work, featuring websites and landing pages meticulously designed and built by the candidate.

• Demonstrated ability to execute high-quality animation and motion design, with specific examples highlighting a polished and premium feel.

• Evidence of SEO implementation, including examples of how site structure and on-page optimization were considered during the build process.

• Examples of well-structured and scalable component libraries or CMS implementations that showcase maintainability and extensibility.

• Case studies or examples of landing pages built for marketing campaigns, emphasizing conversion-focused design elements. Process Documentation:

• Examples of how component libraries were designed, documented, and maintained for consistency across multiple pages or projects.

• Documentation or explanations of CMS content modeling strategies used to ensure scalability for internationalization and future content growth.

• Case studies detailing the process of taking a design from concept to a live, optimized web page, including any iterative improvements made.

• Demonstrations of how page speed, responsiveness, and conversion metrics were monitored and improved post-launch.

📝 Enhancement Note: The portfolio is critical for this role, serving as the primary evidence of design, build, and animation capabilities. Candidates should curate their portfolio to specifically highlight projects built with Webflow/Framer and showcase a strong understanding of SEO, localization, and conversion optimization principles.

💵 Compensation & Benefits

Salary Range:

Based on industry benchmarks for experienced Webflow/Framer Builders with 3-5 years of experience in Berlin, Germany, the estimated annual salary range is €50,000 - €70,000. This range accounts for the specific technical skills, the responsibility of owning the website end-to-end, and the cost of living in Berlin.

Benefits:

• Freedom to choose your own equipment within a set budget, allowing for personalized tools.

• 26 paid vacation days per year, providing ample time for rest and rejuvenation.

• An annual team retreat to foster team bonding and strategic alignment.

• Mobility options: Choice between Dance (e-scooter/bike service) or JobRad (corporate bicycle leasing) for commuting.

• Fitness options: Choice between Classpass or Urban Sports Club for gym memberships and fitness activities.

• Regular team events, lunches, and activities to promote a strong company culture and camaraderie. Working Hours:

The role is based on a standard 40-hour work week. While the position is on-site, there may be some flexibility depending on team needs and project deadlines, common in startup environments.

📝 Enhancement Note: The salary estimate is based on typical compensation for specialized web development and design roles in major German tech hubs like Berlin, considering the seniority level and specific platform expertise (Webflow/Framer). The benefits package reflects a modern startup offering, emphasizing employee well-being and flexibility.

🎯 Team & Company Context

🏢 Company Culture

Industry: Renewable Energy Technology (SaaS for heat pump installers). autarc is developing a leading operating system (OS) for heat pump installers to digitize and streamline the installation process.

Company Size: Approximately 40 employees, indicating a growing startup environment with opportunities for significant impact.

Founded: autarc was founded in Berlin and is part of Y Combinator's S24 batch, signifying a strong foundation and a growth-oriented mission.

Team Structure:

• The Marketing & Growth team is currently small (~2 people) and expanding, with the Webflow/Framer Builder working closely with the Sr Marketing Manager.

• Cross-functional collaboration is expected with Design, Content, and country-specific Go-To-Market (GTM) leads.

• The company structure likely follows a typical startup model, with relatively flat hierarchies and direct access to leadership, including the CEO. Methodology:

• Data-driven decision-making is implied through the focus on performance marketing, SEO, and conversion optimization.

• Agile development practices are likely employed to "ship fast" and iterate quickly on website features and campaigns.

• A strong emphasis on design and brand experience suggests a commitment to high-quality output and user-centricity.

Company Website: autarc.energy

📝 Enhancement Note: Being a Y Combinator alum suggests a fast-paced, innovative, and ambitious culture. The company's mission to simplify heat pump installations for decarbonization adds a strong purpose-driven element to the work environment.

📈 Career & Growth Analysis

Operations Career Level: This role represents a mid-level specialist position focused on web development and design within the marketing function. It offers a significant opportunity to own a critical digital asset and directly influence GTM strategies.

Reporting Structure: The Webflow/Framer Builder will report to the Sr Marketing Manager, Mariella, and will work closely with other members of the Marketing & Growth team.

Operations Impact: The website is a primary touchpoint for potential customers, partners, and installers. This role's impact is direct and measurable through website performance, lead generation via landing pages, SEO rankings, and overall brand perception. The ability to scale the website globally is crucial for autarc's international expansion.

Growth Opportunities:

• Technical Specialization: Deepen expertise in Webflow/Framer, advanced animation, and technical SEO.

• Marketing Strategy: Gain exposure to performance marketing, CRO, and GTM strategies through close collaboration.

• Leadership Potential: As the marketing team grows, opportunities may arise to lead web development initiatives or manage junior team members.

• Broader Impact: Contribute to the company's mission-driven work in renewable energy and decarbonization.

📝 Enhancement Note: The role offers a unique blend of technical development and marketing strategy. Growth will likely involve taking on more complex web projects, contributing to broader marketing initiatives, and potentially mentoring future web developers as the company scales.

🌐 Work Environment

Office Type: The job is listed as on-site, suggesting a physical office location in Berlin. Startup offices often foster a collaborative and dynamic atmosphere.

Office Location(s): Invalidenstraße 5, 10115 Berlin, Germany. This central Berlin location is likely well-connected and accessible.

Workspace Context:

• A collaborative environment is expected, with close interaction with the Sr Marketing Manager and other team members.

• Access to necessary equipment (chosen by the employee within a budget) will support efficient work.

• The office culture is likely to be energetic and purpose-driven, reflecting the company's mission and startup nature. Work Schedule:

A standard 40-hour work week is typical for permanent roles. While primarily on-site, the startup environment may offer some level of flexibility for focused work, especially given the emphasis on fast iteration and delivery.

📝 Enhancement Note: The on-site requirement implies a preference for in-person collaboration, which is common in early-stage startups for rapid team alignment and knowledge sharing. The benefits like fitness and mobility options suggest a company that values employee well-being and an active lifestyle.

📄 Application & Portfolio Review Process

Interview Process:

• Screening Call: Initial conversation with Louis (Recruiter) to assess basic qualifications and cultural fit.

• Culture Fit Call: Video call with a team member to evaluate alignment with autarc's values and working style.

• Take-home Case Study: A practical assignment designed to assess real-world problem-solving skills in Webflow/Framer, animation, and SEO.

• Final On-site Interview: In-person meeting with Etienne (CEO) and the team to discuss strategic vision, role fit, and leadership potential.

Portfolio Review Tips:

• Curate for Impact: Select 3-5 of your strongest Webflow/Framer projects that best demonstrate your skills in design, animation, SEO, and landing page creation.

• Showcase Process: For each project, briefly explain your design process, the challenges you faced, and how you implemented solutions, particularly focusing on animation, SEO, and conversion optimization.

• Highlight Technical Skills: Clearly demonstrate your expertise in Webflow/Framer, including complex layouts, interactions, animations, and CMS structures. Mention any custom HTML/CSS/JS used.

• Quantify Results: If possible, include metrics related to page speed improvements, conversion rate increases, or SEO performance achieved through your work.

• Demonstrate Localization Experience: If you have examples of localized sites or campaigns, be sure to showcase them.

Challenge Preparation:

• Technical Proficiency: Be ready to discuss your approach to building responsive, fast-loading, and animated websites in Webflow/Framer. Practice building a small, complex component or landing page section.

• SEO Strategy: Prepare to discuss your understanding of technical SEO and on-page optimization, and how you integrate these into your web builds.

• Problem-Solving: Anticipate questions about how you handle tight deadlines, manage design revisions, or troubleshoot technical issues.

• Company Alignment: Research autarc's mission, values, and target audience to articulate how your skills and approach align with their goals.

📝 Enhancement Note: The interview process is structured to evaluate technical skills, cultural fit, and strategic thinking. The take-home case study is a critical component, so candidates should allocate sufficient time to thoroughly demonstrate their capabilities.

🛠 Tools & Technology Stack

Primary Tools:

• Webflow: The core platform for website design and development. Deep expertise is essential.

• Framer: An alternative or complementary tool; proficiency here is also highly valued.

• Design Tools (e.g., Figma, Sketch): For design collaboration, mockups, and asset preparation.

• Animation/Motion Design Tools (e.g., After Effects, Lottie): Potentially used for creating advanced animations to be integrated into Webflow/Framer.

Analytics & Reporting:

• Google Analytics: For tracking website traffic, user behavior, and conversion rates.

• SEO Tools (e.g., SEMrush, Ahrefs, Google Search Console): For SEO analysis, keyword research, and technical audits.

• Page Speed Testing Tools (e.g., Google PageSpeed Insights, GTmetrix): For monitoring and improving website performance.

CRM & Automation:

• CRM (e.g., HubSpot, Salesforce): While not directly managed, understanding how website data flows into the CRM is beneficial.

• Marketing Automation Tools: Familiarity with how landing pages integrate with email marketing or lead nurturing workflows.

• CMS: In-depth knowledge of Webflow's CMS capabilities for content modeling and management.

📝 Enhancement Note: Proficiency in Webflow and Framer is non-negotiable. A strong understanding of how the website integrates with marketing analytics and CRM systems is also crucial for demonstrating ROI and contributing to growth initiatives.

👥 Team Culture & Values

Operations Values:

• Drive & Execution: A bias for shipping fast and iterating quickly, common in fast-growing startups.

• Design Excellence: A deep care for design and creating a stunning brand experience, with a focus on animation and premium feel.

• Data-Informed Decisions: Utilizing SEO, page speed, and conversion metrics to guide improvements.

• Collaboration: Working closely with marketing, design, and GTM teams to achieve shared goals.

• Mission-Driven: Contributing to a significant environmental goal (decarbonization through heat pumps).

Collaboration Style:

• Cross-functional Integration: Close partnership with Marketing, Design, and country-specific GTM leads is essential for delivering localized content and campaigns.

• Feedback Loops: Openness to feedback on designs and builds, with a focus on continuous improvement.

• Agile Workflow: Likely involves iterative development and regular check-ins to ensure alignment and rapid progress.

📝 Enhancement Note: The company's mission around renewable energy and its Y Combinator background suggest a culture that is ambitious, innovative, and focused on impact. Expect a dynamic environment where collaboration and proactive problem-solving are highly valued.

⚡ Challenges & Growth Opportunities

Challenges:

• Global Scaling & Localization: Adapting the website and its content for diverse international markets, ensuring cultural relevance and technical performance.

• Balancing Speed and Quality: Rapidly building and iterating on the website while maintaining high standards for design, animation, and performance.

• Technical SEO Integration: Ensuring that design and build decisions support robust SEO strategies from the ground up.

• Evolving Technology: Staying current with Webflow/Framer updates and best practices for animation and web performance.

Learning & Development Opportunities:

• Advanced Webflow/Framer Techniques: Mastering complex interactions, animations, and integrations.

• Performance Marketing Integration: Deepening understanding of how website elements impact campaign performance and CRO.

• Technical SEO Specialization: Developing advanced skills in site architecture, schema markup, and performance optimization.

• Cross-functional Skill Development: Gaining insights into GTM strategies, content creation, and overall marketing operations.

📝 Enhancement Note: This role offers a significant opportunity to grow within a mission-driven company. The challenges are directly tied to autarc's ambitious growth plans, providing ample scope for skill development and career advancement.

💡 Interview Preparation

Strategy Questions:

• Prepare to discuss your end-to-end process for taking a website design from concept to a live, high-performing page using Webflow/Framer.

• Be ready to articulate your approach to building scalable component libraries and CMS structures, providing examples of how you ensure maintainability and extensibility.

• Discuss how you integrate SEO best practices into your design and build process, and provide examples of technical SEO considerations you've implemented.

• Explain your experience with website localization and how you ensure consistency and cultural relevance across different markets. Company & Culture Questions:

• Research autarc's mission, values, and recent news (e.g., Y Combinator batch). Be prepared to explain why you are excited about their work in renewable energy.

• Discuss how your personal work style and values align with a fast-paced startup environment that emphasizes design excellence and rapid execution.

• How do you approach collaboration with marketing, design, and GTM teams to achieve project goals? Portfolio Presentation Strategy:

• Structure: Organize your portfolio around key skills: Webflow/Framer expertise, animation/motion design, SEO integration, and landing page optimization.

• Narrative: For each project, tell a story: the problem, your solution (highlighting specific build techniques), and the outcome (metrics if available).

• Demonstrate Detail: Be ready to dive deep into the technical aspects of your builds, explaining your choices regarding animations, interactions, CMS setup, and responsive design.

• Visuals: Use high-quality screenshots, live links, and short video clips to showcase animations and interactive elements effectively.

📝 Enhancement Note: The interview process emphasizes practical application and cultural alignment. Candidates should be prepared to concretely demonstrate their Webflow/Framer skills, articulate their strategic thinking regarding SEO and conversion, and express genuine enthusiasm for autarc's mission.

📌 Application Steps

To apply for this Webflow / Framer Builder position:

• Submit your application through the provided link on autarcenergy.jobs.personio.de.

• Portfolio Customization: Ensure your submitted portfolio prominently features your best Webflow/Framer projects, specifically highlighting animation, SEO, and landing page examples relevant to a tech/SaaS company.

• Resume Optimization: Tailor your resume to emphasize your 3+ years of experience in web design and building, explicitly mentioning Webflow/Framer proficiency, SEO knowledge, and experience with component libraries and CMS. Quantify achievements where possible.

• Interview Preparation: Practice articulating your web development process, your approach to SEO and animation, and how you collaborate with marketing teams. Prepare to discuss your portfolio projects in detail.

• Company Research: Thoroughly understand autarc's mission, product (OS for heat pump installers), and market position. Consider how your role contributes to their goal of decarbonizing homes.

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