Web Developer - Figma & Webflow Expertise

📍 Job Overview

Job Title: Web Developer - Figma & Webflow Expertise
Company: Adoreal
Location: Costa Rica
Job Type: CONTRACTOR
Category: Marketing Operations / GTM Technology
Date Posted: 2026-01-22
Experience Level: Mid-Senior (2-5 years)
Remote Status: Fully Remote (with specific country requirement)

🚀 Role Summary

• This role is centered around the development and maintenance of high-impact marketing and sales technology platforms, specifically leveraging Webflow for website creation and Figma for design collaboration.
• The position requires a strong focus on automation and process optimization within content production, scheduling, and reporting, directly supporting Adoreal's rapid growth in the elective medicine SaaS sector.
• Candidates will be instrumental in translating creative concepts into functional, visually appealing, and user-friendly web experiences that enhance consumer engagement and business outcomes.
• This is a remote contractor position requiring advanced English communication skills and a proactive, solution-oriented mindset to drive efficiency and innovation in a fast-paced GTM (Go-To-Market) environment.

📝 Enhancement Note: While the core description focuses on web development, the company's explicit mention of "strategic implementor who can take on high-impact work in sales and marketing automation" and "automating more of our content production, scheduling, and reporting processes" strongly indicates this role sits within the broader GTM Operations or Marketing Operations function, requiring a blend of technical web development skills with an operational mindset for process improvement and automation.

📈 Primary Responsibilities

• Develop, implement, and maintain visually engaging and high-performing websites using Webflow, ensuring seamless user journeys and robust functionality.
• Translate UI/UX designs from Figma into functional, responsive web pages, collaborating closely with the design team to ensure pixel-perfect execution.
• Integrate and optimize SEO best practices within the Webflow environment to enhance organic search visibility and drive qualified traffic.
• Troubleshoot and resolve technical website issues, performance bottlenecks, and user experience challenges to maintain optimal site health.
• Collaborate cross-functionally with content creators, marketing specialists, and sales teams to support the automation of content production, scheduling, and reporting workflows.
• Ensure website content and structure are aligned with marketing campaign objectives and GTM strategies, contributing to lead generation and customer acquisition efforts.
• Support the continuous improvement of Adoreal's digital presence by identifying opportunities for website enhancements, A/B testing, and performance optimization.
• Maintain documentation for website development processes, templates, and best practices to ensure consistency and knowledge sharing within the operations team.

📝 Enhancement Note: The responsibilities have been expanded to highlight the operational aspects of web development within a GTM context, emphasizing collaboration, automation, and performance optimization beyond standard web design tasks.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong portfolio demonstrating practical application of web development, design, and optimization principles is paramount. Equivalent practical experience will be highly valued.
Experience: Minimum of 3 years of professional experience in web development, with a proven track record in using Figma for design collaboration and Webflow for website creation and management.

Required Skills:

• Webflow Development: Intermediate to advanced proficiency in building, customizing, and managing websites within the Webflow platform.
• Figma Expertise: Strong ability to interpret and implement designs from Figma, including component usage, style guides, and collaborative design workflows.
• Responsive Design: Deep understanding and practical application of responsive design principles to ensure optimal viewing and interaction across all devices (desktops, tablets, mobile).
• UX/UI Principles: Solid grasp of user experience (UX) and user interface (UI) design best practices, with a commitment to creating intuitive and engaging user journeys.
• SEO Fundamentals: Basic knowledge of Search Engine Optimization (SEO) principles and their application in web design, including on-page optimization techniques.
• Problem-Solving & Troubleshooting: Demonstrated ability to identify, diagnose, and resolve complex technical issues related to website functionality, performance, and code.
• English Communication (C1 Level): Advanced proficiency in written and verbal English for effective collaboration with a global team and stakeholder communication.
• Teamwork & Collaboration: Proven ability to work effectively within a collaborative team environment, contributing positively to team goals and cross-functional projects.

Preferred Skills:

• Marketing Automation Tools: Familiarity with marketing automation platforms (e.g., HubSpot, Marketo, Pardot) and how website integrations support GTM workflows.
• Content Management Systems (CMS) Beyond Webflow: Experience with other CMS platforms can demonstrate adaptability and broader technical understanding.
• Basic JavaScript: Ability to implement custom functionalities or dynamic elements using basic JavaScript.
• Performance Optimization Tools: Experience using tools like Google PageSpeed Insights or GTmetrix to analyze and improve website speed.
• Version Control Systems (e.g., Git): Familiarity with version control for managing code changes, though less critical for Webflow-centric roles.

📝 Enhancement Note: The required skills have been contextualized for a GTM operations role, emphasizing how Webflow and Figma expertise translate into business impact through user experience, SEO, and collaboration. Preferred skills are added to identify candidates with a more holistic operational understanding.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Webflow Project Showcase: A curated selection of 3-5 significant Webflow projects demonstrating diverse use cases, design complexity, and functional implementation. Highlight projects where you significantly improved user experience or site performance.
• Figma Design Integration Examples: Showcase instances where you effectively translated Figma designs into live Webflow websites, illustrating your attention to detail and fidelity to the original design intent.
• Process Improvement Case Studies: Include at least one case study detailing a specific instance where your web development efforts led to measurable improvements in website performance, user engagement, conversion rates, or operational efficiency (e.g., streamlining content updates).
• Problem-Solving Demonstrations: Prepare to discuss a challenging technical issue encountered in a past project and how you systematically approached and resolved it, emphasizing your troubleshooting methodology.

Process Documentation:

• Workflow Design: Be prepared to discuss how you approach designing and implementing website workflows in Webflow, including considerations for content management, user flow, and administrative tasks.
• Implementation & Automation: Demonstrate an understanding of how to implement features that automate repetitive tasks or streamline user interactions on a website.
• Measurement & Analysis: Show how you track and analyze website performance metrics (e.g., traffic, bounce rate, conversion rates) and use this data to inform iterative improvements.

📝 Enhancement Note: This section emphasizes the need for a portfolio that goes beyond just aesthetics, focusing on demonstrable process improvements, problem-solving, and the operational impact of web development work, aligning with GTM operations expectations.

💵 Compensation & Benefits

Salary Range: As a contractor position based in Costa Rica with remote work, the expected salary range for a Mid-Senior Web Developer with Figma and Webflow expertise is approximately $2,500 - $4,500 USD per month. This estimate is based on industry benchmarks for skilled contractors in Latin America, considering the demand for specialized web development skills, the required English proficiency, and the cost of living in Costa Rica.

Benefits:

• Equity: All employees receive company equity, aligning your success with the company's growth and fostering a strong sense of ownership.
• Performance-Driven Growth: Limitless opportunities for advancement and increased compensation driven by your performance and dedication.
• Flexible Remote Work: The ability to work remotely from Costa Rica, offering flexibility and work-life balance.
• Innovative Environment: Opportunity to work with cutting-edge technologies and contribute to transforming the elective medicine industry.
• Collaborative Culture: Be part of a high-performing, ambitious team that values teamwork and mutual respect.

Working Hours: The role is estimated to require approximately 40 hours per week. While the position is fully remote, adherence to Adoreal's core working hours for effective collaboration with the team and stakeholders is expected, with flexibility potentially available based on project needs and team coordination.

📝 Enhancement Note: A salary range has been estimated based on the contractor employment type, location (Costa Rica), and experience level, using general market data for remote tech contractors in the region. The "Equity" benefit is specifically highlighted as mentioned in the provided text.

🎯 Team & Company Context

🏢 Company Culture

Industry: Vertical SaaS in Elective Medicine. Adoreal is a technology company focused on improving consumer experiences, outcomes, and predictability within the elective medicine sector. This niche industry requires a deep understanding of patient journeys, provider workflows, and the unique data management challenges involved. Company Size: The company is described as "fast-growing" and "scaling rapidly," suggesting a dynamic environment likely ranging from 50-200 employees, allowing for significant individual impact while still maintaining a structured operational framework. Founded: While the founding date is not specified, the emphasis on rapid scaling and innovation implies a relatively modern company structure and forward-thinking approach.

Team Structure:

• The role will likely be part of a broader Marketing or GTM Operations team, collaborating closely with designers, content creators, and potentially sales enablement specialists.
• Reporting lines are expected to be clear, with a lead or manager overseeing web development and marketing technology initiatives.
• Cross-functional collaboration is a key aspect, requiring interaction with various departments to ensure website initiatives align with overall business objectives.

Methodology:

• Data-Driven Decisions: Adoreal emphasizes a solution-oriented mindset and incentivizes efficient results, suggesting a data-centric approach to evaluating website performance and operational strategies.
• Process Optimization: The company actively seeks to "minimize complexity and improve situations," indicating a strong focus on refining workflows and automating processes for greater efficiency.
• Innovation & Adaptability: The culture thrives on challenges and embraces change, encouraging employees to find innovative solutions and adapt to evolving industry needs.

Company Website: https://www.adoreal.com/

📝 Enhancement Note: Insights into Adoreal's culture, industry, and potential team structure have been inferred based on the job description's emphasis on growth, innovation, and specific company values, contextualized for a GTM operations environment.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Mid-Senior Web Developer with a strong GTM operations and marketing automation focus. It offers an opportunity to deepen expertise in Webflow and Figma while gaining exposure to broader marketing technology stacks and operational processes within the SaaS and healthcare sectors. Reporting Structure: The Web Developer is likely to report to a Marketing Operations Manager, Head of Digital Marketing, or a similar role responsible for the company's digital presence and GTM technology stack. Collaboration will extend to designers, marketers, and potentially sales operations. Operations Impact: The Web Developer's impact will be directly tied to enhancing Adoreal's digital footprint, improving lead generation through optimized website experiences, supporting marketing campaign execution, and contributing to the automation of key GTM processes. Successful performance directly supports revenue growth and customer acquisition goals.

Growth Opportunities:

• Technical Specialization: Deepen expertise in Webflow, potentially becoming a subject matter expert for the platform within Adoreal, and explore advanced customization techniques.
• GTM Technology Expansion: Gain experience with other marketing automation tools, CRM integrations, and analytics platforms as Adoreal's technology stack evolves.
• Process Improvement Leadership: Take on more responsibility in identifying and implementing process improvements related to website management, content deployment, and lead capture workflows.
• Cross-Functional Project Leadership: Lead web development aspects of larger GTM initiatives, working closely with marketing, sales, and product teams.

📝 Enhancement Note: Growth opportunities have been tailored to reflect a career path within GTM operations, moving beyond pure development to encompass strategic technology implementation and process ownership.

🌐 Work Environment

Office Type: This is a fully remote position, allowing for flexibility in your work location within Costa Rica. The company culture emphasizes results and efficiency, suggesting a focus on productive output regardless of physical location. Office Location(s): The primary requirement is to be based in Costa Rica. This likely facilitates any potential, albeit infrequent, local team meetups or administrative needs, while the primary mode of operation is remote.

Workspace Context:

• Collaborative Digital Environment: Expect to use digital collaboration tools extensively for communication, design reviews (Figma), and project management.
• Technology Stack Access: You will be provided with access to necessary Webflow, Figma, and potentially other GTM technology tools required to perform your duties.
• Team Interaction: Regular interaction with a global, high-performing team through virtual meetings and communication channels. Emphasis is placed on candid communication and teamwork.

Work Schedule: The role is structured around a 40-hour work week, typical for a contractor. While remote, adherence to core working hours for team synchronization and availability for critical tasks is implied by Adoreal's values around punctuality and commitment.

📝 Enhancement Note: The work environment description focuses on the realities of a remote, international contractor role, emphasizing digital collaboration and the company's operational values.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A brief review of your resume and portfolio to assess core qualifications and experience alignment.
• Technical Assessment (Portfolio Review): A deep dive into your portfolio, focusing on Webflow and Figma projects. Be prepared to articulate your design choices, technical solutions, and the impact of your work. This is where you demonstrate your problem-solving skills and understanding of UX/UI.
• Skills & Culture Interview: A conversation with a hiring manager or team lead to assess your communication skills (English proficiency), teamwork capabilities, and alignment with Adoreal's core values (e.g., candor, innovation, efficiency).
• Potential Practical Exercise: You may be asked to complete a small, timed exercise related to Webflow development or Figma design implementation to gauge your practical skills under pressure.
• Final Discussion: A concluding conversation to discuss role expectations, compensation, and answer any remaining questions.

Portfolio Review Tips:

• Curate Selectively: Choose 3-5 of your strongest, most relevant projects that showcase your Webflow and Figma expertise. Prioritize projects with demonstrable impact (e.g., improved conversion rates, enhanced user experience, streamlined workflows).
• Tell a Story: For each project, clearly outline the problem you were solving, your approach (design and technical), the tools used, and the quantifiable results achieved. Use a STAR method (Situation, Task, Action, Result) for clarity.
• Highlight Process: Explain your workflow from design concept to final implementation. Showcase how you collaborated with designers and stakeholders.
• Demonstrate Problem-Solving: Be ready to discuss a challenging technical hurdle and how you overcame it. This shows resilience and critical thinking.
• Quantify Impact: Whenever possible, use metrics (e.g., % increase in engagement, reduction in bounce rate, time saved) to illustrate the value you delivered.

Challenge Preparation:

• Webflow Proficiency: Practice common Webflow tasks, such as creating custom layouts, implementing forms, and ensuring responsiveness.
• Figma-to-Webflow Translation: Be ready to discuss how you interpret Figma designs and translate them into functional Webflow components and pages.
• Scenario-Based Questions: Prepare for questions about how you would approach specific website development or optimization scenarios relevant to a SaaS company in the elective medicine space.

📝 Enhancement Note: The interview process and portfolio review advice are tailored to a web developer role within a GTM context, emphasizing practical skills, problem-solving, and the ability to demonstrate impact through a portfolio.

🛠 Tools & Technology Stack

Primary Tools:

• Webflow: The core platform for website development and content management. Proficiency is essential for building, customizing, and maintaining Adoreal's digital presence.
• Figma: The primary design tool for collaborating on UI/UX concepts and design handoffs. Ability to interpret and implement designs from Figma is critical.

Analytics & Reporting:

• Google Analytics: Expected to be used for tracking website traffic, user behavior, and conversion metrics. Understanding how to interpret GA data is important for optimization.
• Webflow Analytics: Utilizing the built-in analytics within Webflow for site performance monitoring.
• SEO Tools (e.g., SEMrush, Ahrefs, Google Search Console): Familiarity with these tools for implementing and monitoring SEO best practices.

CRM & Automation:

• CRM (e.g., HubSpot, Salesforce): While not directly developing within the CRM, understanding how website integrations feed data into the CRM (e.g., lead capture forms) is crucial for GTM alignment.
• Marketing Automation Platforms (MAPs): Awareness of how websites integrate with MAPs for lead nurturing and campaign execution.
• Project Management Tools (e.g., Asana, Trello, Jira): Likely used for managing development tasks, tracking progress, and collaborating with the team.

📝 Enhancement Note: The tools section is specific to the role's requirements, highlighting the central importance of Webflow and Figma, and including related GTM technology that a developer in this role would likely interact with or need to understand.

👥 Team Culture & Values

Operations Values:

• Company First, Not Individuals: A commitment to prioritizing Adoreal's success over personal ego, fostering a collaborative and results-oriented environment where team goals are paramount.
• Candid Communication & Transparency: Openly sharing information, admitting mistakes, and maintaining a solution-oriented mindset. This encourages a culture of continuous improvement and trust.
• Innovation & Problem Solving: Actively seeking to identify and solve the "right problems" by finding innovative solutions that minimize complexity and improve stakeholder experiences.
• Efficiency & Value Focus: Prioritizing work that creates the most value for stakeholders, incentivizing efficient results over rigid processes.
• Quiet Confidence & Humility: A balance of self-assurance in capabilities with a humble approach, driven by a thirst for excellence and a desire to inspire others.
• Respect & Teamwork: Treating all teammates with respect, fostering a supportive environment where collaboration and mutual care are fundamental.
• Continuous Improvement: A steadfast pursuit of bettering the company, colleagues, and oneself, with a focus on hiring individuals who embody these principles.

Collaboration Style:

• Solution-Oriented: Team members are expected to proactively identify issues and propose solutions, rather than simply highlighting problems.
• Transparent Communication: Open dialogue and honest feedback are encouraged, fostering a learning environment where mistakes are seen as opportunities for growth.
• Cross-Functional Integration: The role requires seamless collaboration across design, marketing, and potentially sales operations to ensure integrated GTM strategies.

📝 Enhancement Note: This section directly translates Adoreal's stated company principles into actionable values and collaboration styles relevant to an operations professional in this role.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Design Fidelity with Webflow Limitations: Effectively translating complex Figma designs into Webflow while respecting platform constraints and ensuring optimal performance.
• Rapid Iteration and Scalability: Keeping pace with Adoreal's rapid growth by efficiently developing and updating web assets to meet evolving business needs and market demands.
• Cross-Functional Alignment: Ensuring website development efforts are perfectly aligned with diverse stakeholder requirements from marketing, sales, and product teams, requiring strong communication and negotiation skills.
• Staying Ahead of GTM Technology Trends: Continuously learning and adapting to new tools and techniques in web development and marketing automation to maintain a competitive edge for Adoreal.

Learning & Development Opportunities:

• Advanced Webflow Techniques: Opportunities to master advanced Webflow features, custom code integrations, and performance optimization strategies.
• GTM Operations Exposure: Gain hands-on experience with broader marketing automation workflows, CRM integrations, and data analysis relevant to sales and marketing operations.
• Industry-Specific Knowledge: Develop a deeper understanding of the elective medicine SaaS market and its unique digital requirements.
• Performance-Based Advancement: Direct correlation between performance and opportunities for increased responsibility, project leadership, and potential compensation growth.

📝 Enhancement Note: Challenges are framed around the specific technical and operational demands of the role, while growth opportunities are geared towards career progression within GTM technology and operations.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you had to implement a complex design from Figma into Webflow. What were the challenges, and how did you ensure accuracy and responsiveness?" (Assesses Figma-to-Webflow translation, problem-solving)
• "How would you approach optimizing a landing page on Webflow to improve conversion rates for a new elective medicine service?" (Assesses GTM strategy, optimization mindset, Webflow knowledge)
• "Adoreal values candid communication. Describe a situation where you received constructive criticism on your work and how you incorporated that feedback." (Assesses cultural fit, communication, growth mindset)

Company & Culture Questions:

• "Based on our company values, how would you ensure your work on our website contributes to Adoreal's overall mission in elective medicine?" (Assesses understanding of mission and values alignment)
• "How do you stay updated on the latest trends in Webflow development and GTM technology?" (Assesses continuous learning and industry awareness)
• "Describe your experience working with remote teams and collaborating with designers and marketing stakeholders." (Assesses collaboration and remote work readiness)

Portfolio Presentation Strategy:

• Structure Your Narrative: For each project, follow a clear story: The Challenge, Your Solution (Design & Technical Approach), The Tools Used, and The Results (Quantifiable Impact).
• Focus on Impact: Emphasize how your web development work directly contributed to business goals (e.g., lead generation, user engagement, efficiency).
• Technical Depth: Be prepared to discuss the specific Webflow features, custom code, or design considerations you employed.
• Figma Integration Clarity: Clearly articulate how you interpreted and implemented Figma designs, showcasing attention to detail and understanding of UX/UI principles.

📝 Enhancement Note: Interview questions are crafted to probe technical skills, operational understanding, problem-solving abilities, and cultural fit, with specific preparation advice for portfolio presentation.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided link on Workable.
• Portfolio Customization: Ensure your portfolio prominently features your strongest Webflow and Figma projects. Tailor your project descriptions to highlight achievements in user experience, performance optimization, and problem-solving relevant to SaaS and GTM initiatives.
• Resume Optimization: Update your resume to explicitly mention "Webflow," "Figma," "Responsive Design," "UX/UI," "SEO," and any relevant marketing automation or GTM technology experience. Quantify achievements wherever possible.
• Interview Preparation: Practice articulating your portfolio projects using the STAR method and prepare to discuss how your skills align with Adoreal's values and the role's responsibilities. Review common Webflow and Figma implementation scenarios.
• Company Research: Familiarize yourself with Adoreal's mission in elective medicine, their technology stack, and their stated company values to demonstrate genuine interest and cultural fit during interviews.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.

---