Webflow & Framer Designer/Developer

📍 Job Overview

Job Title: Webflow & Framer Designer/Developer Company: Pearl Location: Brasília, Federal District, Brazil Job Type: Full-Time Category: Web Development & Design Operations Date Posted: October 23, 2025 Experience Level: Mid-Level (2-5 years) Remote Status: Fully Remote

🚀 Role Summary

• Hybrid Design & Development Expertise: This role is for a versatile professional who excels at both the creative design and technical development aspects of web building, specifically within Webflow and Framer platforms.
• Content Engineering Focus: The position supports a content engineering agency that builds and scales web systems for startups and B2B companies, emphasizing marketing sites, SEO-driven content, and dynamic product pages.
• Client Project Lifecycle Management: Responsibilities include managing client projects from initial setup through quality assurance and post-launch modifications, ensuring successful delivery and client satisfaction.
• Performance Optimization & Conversion Rate Optimization (CRO): A key aspect involves implementing and analyzing A/B tests to enhance site performance, user experience, and conversion rates, leveraging data to drive improvements.

📝 Enhancement Note: While the job title suggests a design/development focus, the context of a "content engineering agency" and "web systems" implies a strong operational component in managing and scaling digital assets for clients. This role will likely involve process adherence and client interaction akin to a junior operations or project management function within a specialized agency setting.

📈 Primary Responsibilities

• Translate design concepts from Figma and brand guidelines into pixel-perfect, fully responsive websites using Webflow and Framer.
• Implement advanced interactive elements, animations, and component systems, utilizing both no-code functionalities and custom code (HTML, CSS, JavaScript) where necessary for complex features.
• Design, execute, and analyze A/B tests to systematically improve website performance, user engagement, and conversion rates.
• Ensure all developed websites adhere to best practices for performance optimization, Search Engine Optimization (SEO), accessibility standards, and cross-device responsiveness.
• Manage the complete lifecycle of client projects, from initial requirements gathering and setup to rigorous quality assurance and post-launch refinement.
• Foster strong collaboration with cross-functional teams, including designers, copywriters, and marketing leads, to ensure seamless creative and technical integration.
• Proactively stay updated on the latest features and updates within Webflow (Designer, Logic) and Framer (AI), recommending and implementing innovative approaches.

📝 Enhancement Note: The responsibility for "client projects end-to-end: from initial setup to QA and post-launch tweaks" indicates a scope that extends beyond pure development, touching upon project management and client service operations. This requires strong organizational skills and a client-centric approach, typical in agency operations.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong foundation in web design principles, user experience, and front-end development is expected, often gained through formal education or significant self-study and practical experience.

Experience: A minimum of 3 years of professional experience in web design and development is required, with a proven track record of building sophisticated websites.

Required Skills:

• Platform Proficiency: Demonstrated expertise in building websites using Webflow and/or Framer, supported by a strong portfolio.
• Design Acumen: Ability to function autonomously as a designer, with a keen eye for typography, layout, spacing, and visual hierarchy.
• Hybrid Coding Skills: Comfort and proficiency in integrating no-code tools with custom code (HTML, CSS, JavaScript), particularly for advanced animations and embeds.
• Animation Expertise: Hands-on experience with modern animation tools and libraries such as GSAP, Lottie, and Rive.
• Performance & CRO: Familiarity with A/B testing platforms (e.g., Google Optimize, Optimizely, VWO) and practical application of Conversion Rate Optimization (CRO) principles to enhance website performance.
• Web Standards: Fluency in responsive design principles and adherence to modern web standards.
• SEO Implementation: Practical experience with SEO implementation within Webflow/Framer, including title tags, meta descriptions, schema markup, and redirect management.
• Work Ethic: Ability to work independently, meet tight deadlines, and collaborate effectively across different time zones.

Preferred Skills:

• Previous agency experience or direct client-facing project management.
• Familiarity with other web/CMS platforms such as WordPress, Wix, Squarespace, or Builder.io.
• Understanding of CMS-driven content architecture and dynamic page generation.
• Comfort with version control systems like Git and GitHub for code management and exports.

📝 Enhancement Note: The emphasis on both design sensibility and coding proficiency, alongside specific platform requirements (Webflow, Framer), highlights a need for a candidate who can bridge the gap between creative vision and technical execution, a common requirement in specialized digital operations roles. The "Nice-to-Haves" suggest a desire for adaptability and broader technical exposure, indicative of an agency environment that handles diverse client needs.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Webflow/Framer Showcase: A robust portfolio demonstrating at least 3 years of professional experience with significant projects built in Webflow and/or Framer.
• Design & Interactivity: The portfolio must highlight a strong balance between aesthetic design quality (typography, layout, spacing) and advanced interactivity, showcasing a deep understanding of visual hierarchy and user experience.
• Technical Implementation: Evidence of successfully integrating no-code functionalities with custom code (HTML, CSS, JS) for complex features, animations, and embeds.
• Performance & CRO Metrics: Case studies or project examples that illustrate the application of A/B testing and CRO principles, ideally with quantifiable results on performance, engagement, or conversion rates.

Process Documentation:

• Workflow Design: Demonstrated ability to manage client projects from initial setup through to post-launch, implying an understanding of project workflow, client onboarding, and QA processes.
• Optimization & Analysis: Experience in building, launching, and analyzing A/B tests, indicating a process for iterative improvement and data-driven decision-making.
• Best Practice Adherence: Projects should reflect a commitment to SEO best practices, accessibility standards, and responsive design across various breakpoints and devices.

📝 Enhancement Note: For this role, the portfolio is paramount. It's not just about showcasing completed websites but about demonstrating the process of transforming design concepts into functional, high-performing web systems. Applicants should be prepared to discuss their workflow, decision-making rationale, and how they leveraged specific tools and techniques to achieve client objectives.

💵 Compensation & Benefits

Salary Range: Competitive Salary: To be discussed during the interview, based on experience and skills.

• Research-Based Estimate for Brazil (Mid-Level Web Designer/Developer): Based on market research for comparable roles in Brazil, a mid-level Webflow/Framer Designer/Developer with 3-5 years of experience could expect a gross salary ranging from R$ 90,000 to R$ 150,000 annually. This translates to approximately $18,000 - $30,000 USD per year, depending on the current exchange rate and specific negotiation. Pearl's focus on top-tier global talent and US/EU startups suggests their compensation may align with or exceed these local benchmarks, potentially closer to international standards.

Benefits:

• Generous PTO: Ample paid time off provided for rest and rejuvenation.
• Direct Mentorship: Opportunities for professional growth through guidance from international industry experts.
• Learning & Development: Continuous access to resources designed to support ongoing professional development and skill enhancement.
• Global Networking: The chance to work with and build connections with professionals across the globe.
• Work-Life Balance: Flexible working hours designed to support a healthy equilibrium between professional and personal life.

Working Hours: Flexible hours that support a healthy work-life balance. The role is fully remote, allowing for asynchronous collaboration and self-management of the workday, though 40 hours per week is generally expected.

📝 Enhancement Note: The compensation is explicitly stated as negotiable, reflecting a performance-based approach common in agency settings. The provided salary estimate is based on general market data for Brazil but should be considered a baseline; actual offers may vary significantly due to the company's international client base and focus on top-tier talent. The benefits package emphasizes growth and flexibility, aligning with the expectations of remote, globally-connected professionals.

🎯 Team & Company Context

🏢 Company Culture

Industry: Technology, specifically within the SaaS and Digital Services sector, focusing on web systems development and content engineering for startups and B2B companies. Company Size: Pearl places top-tier global candidates with US and EU startups. While Pearl's exact size isn't specified, their clients are described as startups that have raised significant funding, implying they work with a diverse range of growing companies, from early-stage to Series A/B. This suggests a dynamic, fast-paced environment. Founded: Pearl's founding is not specified, but their mission is to connect high-caliber talent with leading startups, indicating a focus on innovation and growth.

Team Structure:

• Pearl's Internal Team: Likely a lean, highly professional recruiting and talent operations team focused on candidate sourcing, assessment, and client matching.
• Client Teams: The hired individual will integrate into the client's team, which is typically comprised of designers, developers, marketers, and founders. This structure emphasizes cross-functional collaboration and direct impact.
• Reporting: Within Pearl, reporting would likely be to a Talent Manager or similar role. Within the client company, reporting would be to a Design Lead, Engineering Manager, or Head of Marketing, depending on the client's structure.

Methodology:

• Talent Sourcing & Matching: Pearl employs a rigorous process to identify and vet the top 1% of candidates, focusing on skills, drive, and long-term potential.
• Client Engagement: Works closely with startups to understand their specific needs and cultural fit for candidates.
• Client Company Methodology: The client company operates as a content engineering agency, designing, building, and scaling web systems. This involves iterative design, development, testing, and optimization processes.

Company Website: https://jobs.workable.com/company/4KLMuj5WGNaACAyqrWkc8d/jobs-at-pearl

📝 Enhancement Note: Pearl acts as a talent multiplier for startups, suggesting a culture of efficiency, high standards, and a focus on delivering exceptional talent. The client companies are likely fast-paced, innovative environments where adaptability and a proactive approach are highly valued.

📈 Career & Growth Analysis

Operations Career Level: This role represents a Mid-Level position within the specialized field of web design and development operations. It bridges the gap between pure design and development, requiring ownership of projects and a focus on measurable outcomes like performance and conversion.

Reporting Structure: The candidate will report to a manager within the client company, likely a Design Lead, Engineering Manager, or Head of Marketing, depending on the client's organizational structure. Within Pearl, there will be a point of contact for talent management.

Operations Impact: The role directly impacts client success by building and optimizing web systems that drive lead generation, user engagement, and conversions. This contributes significantly to the client's revenue growth and market positioning. The ability to manage projects end-to-end and implement performance improvements provides tangible ROI for clients.

Growth Opportunities:

• Skill Specialization: Deepen expertise in Webflow and Framer, including advanced features and potentially emerging AI capabilities within these platforms.
• CRO & Performance Mastery: Develop advanced skills in A/B testing, data analysis, and conversion rate optimization, becoming a go-to expert in driving measurable digital performance.
• Project Management & Client Relations: Grow into roles with greater client management responsibility, potentially leading project teams or client accounts within the agency.
• Leadership Potential: With demonstrated success, opportunities may arise for senior developer, lead designer, or even team lead positions within client companies or specialized agencies.

📝 Enhancement Note: The role offers a clear path for growth by specializing in high-demand platforms and performance metrics. The emphasis on working with startups backed by top VCs suggests exposure to cutting-edge business strategies and technologies, accelerating learning and career progression.

🌐 Work Environment

Office Type: Fully Remote. This position operates entirely outside of a traditional office setting, allowing for flexibility in location.

Office Location(s): While the role is based in Brasília, Federal District, Brazil, it is a TELECOMMUTE position, meaning the work can be performed from anywhere within Brazil (and potentially globally, depending on client requirements and tax implications). The candidate is expected to be able to collaborate across time zones, particularly with US and EU clients.

Workspace Context:

• Flexibility & Autonomy: The remote nature provides significant autonomy over the work environment, allowing individuals to set up a workspace that best suits their productivity.
• Digital Collaboration Tools: Expect heavy reliance on digital collaboration tools for communication, project management, and design/code sharing.
• Cross-Time Zone Interaction: The role necessitates comfort and proficiency in collaborating with team members and clients located in different time zones (e.g., US Eastern Time, Central European Time).

Work Schedule: Flexible hours are offered, supporting a healthy work-life balance. While specific hours are not mandated, the ability to meet project deadlines and collaborate effectively across time zones is crucial. A standard 40-hour work week is generally implied.

📝 Enhancement Note: The fully remote, flexible nature of the role requires a high degree of self-discipline, time management, and proactive communication. Candidates should be comfortable working asynchronously and leveraging digital tools to maintain strong working relationships with colleagues and clients across different geographical locations.

📄 Application & Portfolio Review Process

Interview Process:

• Application: Submit resume and portfolio through the provided link.
• Screening: Initial review of qualifications and portfolio by Pearl's talent team.
• Initial Interview: A conversation with a Pearl representative to assess general fit, experience, and career aspirations.
• Skills Assessment: A practical test or assignment designed to evaluate Webflow/Framer proficiency, design sensibility, and coding capabilities. This may involve building a specific feature or optimizing an existing design.
• Final Interview: An interview with the client company's hiring manager or team to assess technical depth, cultural fit, and project management approach.
• Job Offer: Extension of an offer if successful.
• Onboarding: Integration process with the client company.

Portfolio Review Tips:

• Highlight Webflow/Framer Mastery: Clearly showcase your best Webflow and Framer projects. For each, detail your specific role, the challenges faced, and the solutions implemented.
• Demonstrate Design-to-Code Translation: For design-heavy projects, explain your process of translating Figma or brand concepts into functional, pixel-perfect web pages.
• Showcase Interactivity & Custom Code: Explicitly point out examples of advanced interactions, animations (GSAP, Lottie), and any custom code snippets you've used to achieve specific effects.
• Quantify Impact: If possible, include metrics related to performance improvements, SEO gains, or conversion rate increases resulting from your work. Use A/B test results where applicable.
• Address CRO & SEO: Be prepared to discuss your approach to implementing SEO best practices and CRO strategies within the platforms.

Challenge Preparation:

• Practical Skills Test: Expect a hands-on challenge involving Webflow or Framer. Practice building responsive layouts, implementing complex interactions, and writing clean custom code.
• Problem-Solving Scenarios: Be ready to discuss how you would approach common client requests, such as optimizing site speed, improving user flow, or integrating third-party tools.
• Client Communication: Prepare to articulate your project management process, how you handle client feedback, and how you ensure projects stay on track and within scope.

📝 Enhancement Note: The multi-stage interview process, including a skills assessment, emphasizes the practical nature of this role. A strong, well-documented portfolio is critical for passing the initial screening and demonstrating proficiency during the skills assessment and final interview. Candidates should prepare to speak in detail about their process and the impact of their work.

🛠 Tools & Technology Stack

Primary Tools:

• Webflow: Core platform for building and deploying responsive websites with advanced interactions and CMS capabilities.
• Framer: Another key platform for design and development, including its AI features, for creating interactive prototypes and production-ready websites.
• Figma: Essential for receiving design assets and brand concepts, and for collaborating on design elements.

Analytics & Reporting:

• A/B Testing Platforms: Experience with tools like Google Optimize, Optimizely, or VWO is required for performance analysis and CRO.
• Web Analytics Tools: Familiarity with Google Analytics or similar platforms to monitor site performance, user behavior, and conversion tracking.

CRM & Automation:

• Client Project Management Tools: While not explicitly stated, expect to use tools like Asana, Trello, Jira, or Monday.com for managing client projects and tasks.
• Version Control (Preferred): Experience with Git and GitHub for code management, especially if custom code exports are involved.

📝 Enhancement Note: Proficiency in Webflow and Framer is non-negotiable. The emphasis on A/B testing and CRO indicates a need for analytical skills and a data-driven approach to web development. Familiarity with animation libraries like GSAP suggests a deeper technical capability beyond standard no-code features.

👥 Team Culture & Values

Operations Values:

• Excellence & High Standards: Pearl works with the top 1% of candidates and connects them with leading startups, implying a strong emphasis on quality, performance, and professionalism.
• Growth & Development: The company prioritizes candidate growth through mentorship and learning resources, fostering a culture of continuous improvement.
• Impact & Ownership: Roles are designed for individuals who want to make a tangible impact and take ownership of their work, especially within fast-paced startup environments.
• Efficiency & Agility: As a talent agency and supporting startups, agility, efficiency, and the ability to adapt quickly to changing needs are highly valued.

Collaboration Style:

• Cross-Functional Integration: The role requires close collaboration with designers, copywriters, and marketing leads, necessitating strong communication and teamwork skills.
• Global Collaboration: Working with US and EU clients means adapting to different communication styles, time zones, and working across diverse cultural backgrounds.
• Proactive Communication: In a remote setting, proactive and clear communication is essential for maintaining alignment and ensuring project success.

📝 Enhancement Note: Candidates should be prepared for a culture that values initiative, a results-oriented mindset, and a commitment to continuous learning. The collaborative environment, especially across time zones, requires strong interpersonal skills and adaptability.

⚡ Challenges & Growth Opportunities

Challenges:

• Cross-Time Zone Collaboration: Effectively coordinating and communicating with teams and clients spread across different time zones requires discipline and strategic planning.
• Managing Multiple Client Projects: Juggling diverse client needs, project timelines, and communication streams demands excellent organizational and time management skills.
• Keeping Pace with Platform Evolution: Webflow and Framer are rapidly evolving platforms; staying current with new features and best practices is an ongoing challenge.
• Translating Ambiguous Designs: Interpreting and executing client visions, especially when initial design concepts may be abstract or require iteration.

Learning & Development Opportunities:

• Advanced Platform Mastery: Opportunities to become a certified expert or power user of Webflow and Framer, exploring advanced logic, integrations, and CMS features.
• CRO & Performance Specialization: Deepen expertise in data analysis, A/B testing methodologies, and conversion optimization strategies to become a specialist in driving measurable website success.
• Exposure to Diverse Industries: Working with various startups and B2B clients provides exposure to different business models, industries, and digital marketing strategies.
• International Networking: Building a global professional network through collaboration with international clients and talent.

📝 Enhancement Note: The challenges presented are typical of high-growth, remote-first environments. The opportunities for learning and development are significant, particularly for those looking to specialize in modern web development platforms and performance-driven design.

💡 Interview Preparation

Strategy Questions:

• Webflow/Framer Workflow: Be prepared to walk through your end-to-end process for building a website in Webflow or Framer, from receiving a brief to final launch. Discuss your approach to responsive design, component systems, and custom code integration.
• Client Project Management: Describe a challenging client project you managed. How did you handle scope creep, client feedback, or tight deadlines? What was the outcome, and what did you learn?
• Performance Optimization & CRO: How do you approach optimizing a website for speed, SEO, and conversions? Provide an example of an A/B test you ran and the results. What tools do you use for analysis?

Company & Culture Questions:

• Understanding Pearl's Mission: Research Pearl's value proposition and how they support startups. Be ready to articulate why you're a good fit for their talent pool.
• Startup Environment Fit: Discuss your experience or comfort level working with startups and fast-paced, potentially ambiguous environments. How do you maintain productivity and focus?
• Remote Work Philosophy: Explain your strategies for staying productive, organized, and connected in a fully remote setting.

Portfolio Presentation Strategy:

• Structure Your Presentation: Organize your portfolio logically, perhaps by platform (Webflow vs. Framer) or by project type (e.g., marketing sites, content systems).
• Tell a Story for Each Project: For key projects, detail the client's objective, your role, the design and development process, the challenges overcome, and the measurable results achieved.
• Showcase Technical Details: Be ready to demonstrate specific interactive elements, custom code implementations, or responsive design solutions within your showcased projects.
• Highlight Collaboration: If applicable, mention how you collaborated with designers, copywriters, or other stakeholders on a project.

📝 Enhancement Note: The interview process is designed to assess both technical proficiency and the ability to operate effectively within a client-facing, remote, and startup-oriented environment. A well-prepared portfolio and clear articulation of your process and impact are crucial.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided link on Workable. Ensure your resume and portfolio are up-to-date and readily accessible.
• Portfolio Customization: Curate your portfolio to prominently feature your strongest Webflow and Framer projects. Highlight examples that best demonstrate your hybrid design/development skills, advanced interactivity, and any quantifiable performance improvements.
• Resume Optimization: Tailor your resume to emphasize keywords such as "Webflow," "Framer," "Responsive Design," "SEO," "A/B Testing," "CRO," "HTML/CSS/JavaScript," and "client management." Quantify achievements whenever possible.
• Interview Preparation: Practice articulating your project workflow, problem-solving approaches, and how you contribute to client success. Prepare specific examples that showcase your initiative and ability to work independently.
• Company Research: Familiarize yourself with Pearl's mission and how they serve startups. Understand the general landscape of content engineering agencies and the needs of B2B companies and startups in the digital space.

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

---