Web Developer - Figma & Webflow Expertise

📍 Job Overview

Job Title: Web Developer - Figma & Webflow Expertise

Company: Adoreal

Location: Colombia

Job Type: CONTRACTOR

Category: Web Development / SaaS Operations

Date Posted: 2026-01-22

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

Remote Status: Fully Remote

🚀 Role Summary

• Develop and maintain high-performance, visually appealing websites using Webflow, a critical component of our Go-To-Market (GTM) and customer engagement strategies.

• Collaborate cross-functionally with design, content, and marketing teams to translate creative visions into functional, user-friendly web experiences that drive business outcomes.

• Implement and optimize SEO best practices to enhance online visibility and support organic growth initiatives.

• Troubleshoot and resolve website issues, ensuring a seamless user experience and operational continuity.

• Contribute to the automation of content production, scheduling, and reporting processes through effective web development.

📝 Enhancement Note: While the title is "Web Developer," the description highlights the role's integration into "sales and marketing automation" and "content production, scheduling, and reporting processes." This suggests a strong connection to GTM operations, where web development skills are leveraged to support operational efficiency and digital strategy. The emphasis on Figma and Webflow indicates a need for proficiency in modern, no-code/low-code platforms that are increasingly adopted by operations teams for rapid deployment and iteration.

📈 Primary Responsibilities

• Design, build, and maintain visually appealing and user-friendly websites and landing pages using Webflow, ensuring optimal performance and responsiveness across all devices.

• Translate wireframes and mockups from Figma into functional, interactive web experiences, adhering to brand guidelines and UX/UI best practices.

• Implement Search Engine Optimization (SEO) strategies, including on-page optimization, meta tag management, and site structure improvements, to enhance search engine rankings and organic traffic.

• Collaborate closely with marketing, sales, and product teams to ensure web assets effectively support campaigns, lead generation, and customer engagement initiatives.

• Conduct thorough testing and debugging of websites to identify and resolve technical issues, ensuring a seamless user experience and high availability.

• Support the automation of content workflows, scheduling, and reporting by developing and integrating web-based tools and functionalities.

• Maintain documentation for web development processes, code, and implemented features for knowledge sharing and future reference.

• Stay updated with the latest trends in web development, UI/UX design, and Webflow capabilities to continuously improve website quality and operational efficiency.

📝 Enhancement Note: The responsibilities are framed to highlight how web development directly supports operational goals such as marketing automation, content production efficiency, and GTM strategy execution. This positions the role as more than just a front-end developer, but as a key contributor to the operational engine of the company.

🎓 Skills & Qualifications

Education:

Experience:

• Minimum of 3 years of professional experience in web development, with a strong focus on user-facing applications and digital experiences.

Required Skills:

• Figma Proficiency: Intermediate to advanced skills in using Figma for design, prototyping, and asset creation, with the ability to translate designs into functional web components.

• Webflow Expertise: Proven experience building, managing, and optimizing websites using Webflow, including custom interactions, CMS capabilities, and e-commerce features where applicable.

• Responsive Design: Deep understanding and practical application of responsive design principles to ensure optimal viewing experience across desktops, tablets, and mobile devices.

• UX/UI Principles: Solid grasp of User Experience (UX) and User Interface (UI) design principles, with a commitment to creating intuitive and engaging user journeys.

• SEO Fundamentals: Basic to intermediate knowledge of SEO best practices, including keyword research, on-page optimization, meta descriptions, and site speed optimization.

• Technical Troubleshooting: Strong analytical and problem-solving skills to diagnose and resolve website functionality, performance, and compatibility issues.

• English Fluency (C1 Level): Advanced (C1) verbal and written communication skills in English, essential for effective collaboration in a global, remote team.

Preferred Skills:

• Experience with A/B testing and conversion rate optimization (CRO) on web platforms.

• Familiarity with content management systems (CMS) beyond Webflow, for comparative understanding.

• Basic understanding of HTML, CSS, and JavaScript for more complex customizations within Webflow.

• Experience working within a SaaS or vertical SaaS environment.

• Familiarity with marketing automation platforms and their integration points with websites.

📝 Enhancement Note: The requirements emphasize practical application through a portfolio and highlight specific tools (Figma, Webflow) and operational concepts (SEO, UX/UI, responsiveness) critical for GTM and SaaS operations. The C1 English requirement is crucial for a remote, international role.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A comprehensive portfolio showcasing at least 3 years of professional web development projects, with a clear emphasis on work completed using Figma and Webflow.

• Projects should demonstrate a range of capabilities, including responsive design, user interface implementation, and performance optimization.

• Include case studies or detailed descriptions of at least two significant projects that highlight your problem-solving process, design-to-development workflow, and the impact of your work (e.g., improved user engagement, conversion rates, or operational efficiency).

Process Documentation:

• Be prepared to discuss your typical workflow for taking a design from Figma to a live Webflow site, including stages of development, testing, and deployment.

• Demonstrate an understanding of how you document your work, including version control practices (if applicable) and how you track and resolve bugs or issues.

• Ability to articulate how you approach optimizing website performance and implementing SEO best practices as part of your standard development process.

📝 Enhancement Note: For a development role with operational implications, a portfolio is critical. The emphasis here is on demonstrating not just the final product, but the process, problem-solving, and collaborative aspects that are vital for operations roles.

💵 Compensation & Benefits

Salary Range:

Benefits:

• Equity: Opportunity to receive company equity, aligning your success directly with Adoreal's growth and performance.

• Performance-Based Growth: Limitless promotion and advancement opportunities driven by individual performance and dedication.

• Innovative Environment: Work with cutting-edge technologies and contribute to transforming the elective medicine industry.

• Flexible Work: Fully remote position allowing for work-life balance and global collaboration.

Working Hours:

• This is a full-time contractor position. While the role is remote, adherence to Adoreal's core working hours (likely aligning with business needs and team collaboration, potentially ~40 hours per week with flexibility) is expected. Punctuality and reliability are highly valued.

📝 Enhancement Note: Salary is estimated based on typical contractor rates in Colombia for specialized tech roles, considering the remote nature and the company's growth stage. Equity is a significant benefit, signaling a performance-driven culture.

🎯 Team & Company Context

🏢 Company Culture

Industry: Vertical SaaS, Elective Medicine Technology

Company Size: Adoreal is a "fast-growing" company, currently scaling rapidly. This implies a dynamic environment with potential for significant impact and exposure to various business functions. As a scaling SaaS company, it likely operates with lean, agile teams focused on innovation and efficiency.

Founded: (Information not provided, but stated as "fast-growing" and "scaling rapidly".)

Company Specialties: Leveraging innovation and disruptive technologies to improve consumer experiences, outcomes, and predictability in elective medicine. Focus on automating content production, scheduling, and reporting processes.

Team Structure:

• The Web Developer will likely be part of a GTM, Marketing, or Product team, working closely with designers, content creators, and other stakeholders.

• Reporting structure is not explicitly defined but will likely involve a manager overseeing web development or digital operations.

Methodology:

• Data-Driven Innovation: Emphasis on finding the "right problems" and solving them through innovation, minimizing complexity and improving stakeholder situations.

• Efficiency Focus: Incentivizing efficient results and prioritizing value-creating work over rigid processes.

• Agile Development: Implied by "thrives on challenges, embraces change," suggesting an iterative and adaptive approach to web development and project execution.

• Solution-Oriented: Rewarding candid communication and a solution-oriented mindset.

Company Website: https://adoreal.com/ (Inferred from domain_derived)

📝 Enhancement Note: The company culture emphasizes performance, innovation, efficiency, and strong values. Understanding these principles is crucial for aligning with the team and demonstrating cultural fit during the interview process.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Mid-Senior Web Developer, indicating a need for independent contribution and the ability to mentor or guide junior team members if they exist. Within the SaaS operations context, this role is critical for building and maintaining the digital front-end that supports sales, marketing, and customer experience initiatives.

Reporting Structure: Likely reports to a Web Development Lead, Marketing Manager, or Head of Digital Operations, with close collaboration across Marketing, Sales, and Product teams.

Operations Impact: The role directly impacts the company's ability to engage with its target market, generate leads, and communicate its value proposition through its digital presence. By ensuring websites are performant, user-friendly, and optimized for search engines, this developer plays a vital role in driving traffic, conversions, and ultimately, revenue. Their work in automating processes also contributes to operational efficiency, freeing up resources for strategic initiatives.

Growth Opportunities:

• Skill Specialization: Deepen expertise in Webflow and Figma, potentially becoming a go-to expert within the company.

• Technical Leadership: Progress into a Lead Web Developer or Web Operations Manager role, overseeing web development strategy and execution.

• Cross-Functional Exposure: Gain broader experience in marketing automation, content strategy, and GTM operations by working closely with other departments.

• Industry Expertise: Develop specialized knowledge in the elective medicine SaaS sector, becoming an asset to a niche but growing industry.

• Equity Appreciation: Benefit from the growth of Adoreal through potential appreciation of company equity.

📝 Enhancement Note: This analysis frames the Web Developer role within the broader context of operations and GTM, highlighting its strategic importance and potential for career advancement within a scaling SaaS company.

🌐 Work Environment

Office Type: Fully Remote (TELECOMMUTE)

Office Location(s): Primarily based in Colombia, but the role is fully remote, allowing for flexibility within the country.

Workspace Context:

• Collaborative Digital Space: Expect to work in a virtual environment using collaboration tools (e.g., Slack, Zoom, project management software) to connect with team members.

• Technology Stack: Access to industry-standard design and development tools, including Figma and Webflow, will be provided or expected.

• Team Interaction: Regular virtual meetings, stand-ups, and collaborative sessions with designers, content creators, and operational stakeholders.

Work Schedule:

• Full-time contractor position, expected to be around 40 hours per week.

• While remote, adherence to core business hours for collaboration and responsiveness is important. Flexibility is provided, but reliability and punctuality are key values.

📝 Enhancement Note: The remote nature is a key aspect, emphasizing the need for strong self-management and digital collaboration skills.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Review of resume and portfolio to assess foundational skills in Figma and Webflow.

• Technical Interview: A focused interview with a hiring manager or senior developer to discuss your experience, approach to web development, and problem-solving skills. Expect questions on Figma/Webflow workflows and responsive design challenges.

• Portfolio Review Session: A dedicated session to walk through your portfolio. Be prepared to discuss specific projects, your role, challenges faced, solutions implemented, and the impact of your work. This is where you demonstrate your understanding of UX/UI, SEO, and performance optimization.

• Cultural Fit / Values Interview: Discussion focusing on Adoreal's core principles (teamwork, innovation, candor, efficiency, etc.) to assess alignment with the company culture.

• Final Interview (if applicable): May involve a discussion with a higher-level stakeholder.

Portfolio Review Tips:

• Highlight Webflow & Figma: Ensure your portfolio prominently features projects built with Webflow and designed in Figma.

• Showcase Process: For each project, explain your design-to-development process. Use visuals to illustrate stages, from wireframes to final implementation.

• Quantify Impact: Wherever possible, provide metrics or qualitative evidence of your work's success (e.g., "improved page load speed by X%", "contributed to Y% increase in lead form submissions").

• Demonstrate Problem-Solving: Be ready to discuss specific technical challenges you encountered and how you overcame them.

• Explain Collaboration: Describe how you worked with designers, content creators, or other stakeholders.

Challenge Preparation:

• Be prepared for a potential small take-home challenge or a live coding/design exercise focusing on Webflow and responsive design principles.

• Practice articulating your thought process clearly and concisely, especially when discussing your portfolio or a design challenge.

• Research Adoreal's website and industry to understand their current digital presence and potential areas for improvement.

📝 Enhancement Note: The interview process is designed to rigorously assess technical skills, practical application through a portfolio, and cultural alignment with Adoreal's values.

🛠 Tools & Technology Stack

Primary Tools:

• Webflow: The core platform for website development and management. Expertise in its editor, CMS, interactions, and best practices is essential.

• Figma: The primary design tool for wireframing, UI design, prototyping, and asset creation. Ability to efficiently translate Figma designs into Webflow is crucial.

Analytics & Reporting:

• Familiarity with web analytics tools such as Google Analytics or similar platforms to understand website performance and user behavior.

CRM & Automation:

• While not directly managing CRM, understanding how websites integrate with CRM systems (e.g., HubSpot, Salesforce) and marketing automation tools for lead capture and nurturing is beneficial.

• Awareness of how web forms and landing pages contribute to automated marketing workflows.

📝 Enhancement Note: This section clearly defines the essential technical toolkit, with Webflow and Figma being paramount. Understanding how these tools feed into broader operational systems like analytics and CRM is a plus.

👥 Team Culture & Values

Operations Values:

• Efficiency & Value Focus: Adoreal prioritizes work that creates the most value. As a developer, this means focusing on projects and features that directly contribute to business goals (e.g., lead generation, user experience, automation).

• Innovation & Problem Solving: The company encourages finding the "right problems" and solving them through innovation. This role should actively seek opportunities to improve processes and user experiences through web development.

• Candid Communication & Accountability: Openly sharing information, admitting mistakes, and adopting a solution-oriented mindset are rewarded. Be prepared for honest feedback and to provide constructive input.

• Teamwork & Respect: Collaboration and mutual respect are paramount. While performance-driven, the culture emphasizes supporting teammates and working towards shared success.

• Aesthetic Excellence & Quality: A high standard for visual appeal and quality is expected, aligning with the company's focus on improving consumer experiences.

Collaboration Style:

• Cross-Functional Integration: Expect to work closely with designers, content creators, marketing, and potentially sales teams. Strong communication and a collaborative spirit are key.

• Process Iteration: The culture supports change that minimizes complexity and improves situations, suggesting an iterative approach to web development and process improvement.

• Performance-Oriented: While collaborative, the focus is on achieving results and driving value for stakeholders.

📝 Enhancement Note: Deeply understanding and demonstrating alignment with Adoreal's core values will be critical for success in interviews and within the team.

⚡ Challenges & Growth Opportunities

Challenges:

• Rapid Scaling Environment: Adapting to the fast-paced nature of a scaling SaaS company, which may involve shifting priorities and evolving requirements.

• Balancing Innovation with Stability: Implementing new features and technologies while maintaining the stability and performance of existing web assets.

• Cross-Functional Alignment: Ensuring web development efforts are perfectly aligned with the diverse needs of marketing, sales, and product teams.

• Remote Collaboration Dynamics: Effectively communicating and collaborating with a geographically dispersed team, ensuring clear understanding and timely execution.

Learning & Development Opportunities:

• Advanced Webflow/Figma Mastery: Opportunities to become a highly specialized expert in these leading platforms.

• SaaS GTM Strategy Exposure: Gain in-depth understanding of Go-To-Market strategies within the SaaS and elective medicine sectors.

• Automation & Efficiency Implementation: Contribute directly to automating key business processes, developing valuable operational skills.

• Equity Growth: Potential for significant financial upside through company equity as Adoreal scales.

• Industry Insight: Deepen knowledge in the elective medicine market, a sector experiencing significant technological advancement.

📝 Enhancement Note: Acknowledging potential challenges and highlighting growth opportunities demonstrates foresight and a proactive approach to career development.

💡 Interview Preparation

Strategy Questions:

• Portfolio Deep Dive: Be prepared to walk through 2-3 of your strongest Webflow/Figma projects. For each, focus on:

  • The problem you were solving.
  • Your specific contributions and process.
  • Key design decisions and why.
  • Technical challenges and how you overcame them.
  • Measurable outcomes or impact.

• Webflow/Figma Workflow: Describe your step-by-step process for taking a Figma design to a fully functional, responsive Webflow site. Discuss how you ensure performance and SEO integration.

• Problem-Solving Scenarios: Be ready for hypothetical challenges, e.g., "How would you improve the conversion rate of a specific landing page?" or "How would you troubleshoot a slow-loading website?" Focus on your analytical approach and proposed solutions.

Company & Culture Questions:

• Values Alignment: Research Adoreal's core values thoroughly. Prepare examples from your past experiences that demonstrate how you embody teamwork, innovation, candor, efficiency, and a focus on impact.

• Motivation for Adoreal: Clearly articulate why you are interested in Adoreal, its industry, and this specific role, beyond just the technical aspects.

• Remote Work Philosophy: Discuss your approach to remote work, time management, and staying connected with a distributed team.

Portfolio Presentation Strategy:

• Visual Storytelling: Use your portfolio as a visual aid. Don't just show screenshots; explain the context and your role in each project.

• Focus on Impact: Quantify results whenever possible. If exact numbers aren't available, describe the qualitative improvements you made.

• Highlight Collaboration: Emphasize how you worked with designers, product managers, or other stakeholders to achieve project goals.

• Be Concise: Respect the interviewer's time. Practice delivering your project overviews efficiently.

📝 Enhancement Note: Preparation should focus on demonstrating not just technical skill but also strategic thinking, problem-solving ability, cultural fit, and a results-oriented mindset, all crucial for operations-adjacent roles.

📌 Application Steps

To apply for this operations-aligned web development position:

• Submit your application through the provided link on Workable.

• Portfolio Customization: Ensure your submitted portfolio is up-to-date and prominently features your best Webflow and Figma projects. Tailor your portfolio description to highlight projects demonstrating collaboration, problem-solving, and impact relevant to a SaaS GTM context.

• Resume Optimization: Update your resume to emphasize experience with Webflow, Figma, responsive design, SEO implementation, and any contributions to process automation or efficiency improvements. Use keywords from the job description naturally.

• Interview Preparation: Study Adoreal's company values and website. Prepare specific examples from your experience that align with their principles. Practice articulating your web development process and project outcomes clearly and concisely.

• Research Adoreal: Understand their business model, target market (elective medicine), and current digital presence. This will help you ask informed questions and demonstrate genuine interest 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.

---