Webflow Designer (Webflow + Figma) | Digital Marketing Agency

📍 Job Overview

Job Title: Webflow Designer (Webflow + Figma) | Digital Marketing Agency

Company: Elevate and Delegate

Location: Philippines

Job Type: Full-time / Contract

Category: Digital Marketing Operations / Creative Operations

Date Posted: April 3, 2026

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

Remote Status: Fully Remote

🚀 Role Summary

• Responsible for end-to-end website design and development using Webflow, focusing on creating visually appealing and revenue-generating online presences for clients.

• Develop high-fidelity designs, wireframes, and prototypes in Figma, ensuring a seamless user experience and adherence to client goals.

• Create a variety of digital marketing assets, including ads, email newsletters, and social media graphics, understanding platform-specific requirements.

• Build and maintain scalable UX design systems, including component libraries, style guides, and brand guidelines, to ensure consistency and efficiency across multiple projects.

• Collaborate directly with account managers and clients to understand project objectives, deliver exceptional design solutions, and ensure timely project completion.

📝 Enhancement Note: While the title and description focus on design, the context of a digital marketing agency and the emphasis on "driving revenue and measurable business results" indicate this role operates within a broader Go-To-Market (GTM) and digital marketing operations framework. The operations aspect lies in the efficient and effective execution of design projects to meet client business objectives, which directly impacts client revenue and the agency's operational success.

📈 Primary Responsibilities

• Design and develop responsive, high-performance websites from scratch utilizing Webflow, adhering to best practices and client-specific requirements.

• Translate client needs and project scopes into detailed wireframes and high-fidelity mockups using Figma, ensuring intuitive user flows and engaging visual design.

• Produce a range of digital marketing collateral, including social media graphics, email templates, and digital advertisements, optimizing for various platforms and campaign objectives.

• Establish, document, and manage scalable UX design systems, including reusable component libraries, comprehensive style guides, and consistent brand guidelines, to streamline future design and development efforts.

• Implement Webflow's CMS capabilities, animations, and responsive breakpoints to create dynamic and user-friendly web experiences, potentially using Client-First or Relume naming conventions.

• Engage in direct communication with clients and account managers to gather project requirements, present design concepts, solicit feedback, and ensure project alignment with strategic goals.

• Conduct quality assurance checks on live websites, specifically verifying responsiveness, alignment, and text integrity across various devices and screen sizes.

📝 Enhancement Note: The responsibilities highlight a blend of creative execution and operational discipline. The emphasis on "scalable UX design systems," "reusable component libraries," and adherence to specific Webflow naming conventions ("Client-First" or "Relume") points towards a need for structured, repeatable design processes that contribute to operational efficiency and project scalability within the agency.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong portfolio demonstrating practical application of design principles and web development skills is paramount. Familiarity with design theory and digital marketing principles is expected.

Experience: 3+ years of professional web design experience, with a significant focus on Webflow projects. Proven experience in building and maintaining scalable design systems is essential.

Required Skills:

• Webflow Expertise: Advanced proficiency in designing and building websites from the ground up, including mastery of CMS, animations, responsive breakpoints, and efficient project structuring.

• Figma Proficiency: Expert-level skills in using Figma for wireframing, prototyping, creating high-fidelity mockups, and developing comprehensive design systems.

• Design Systems Development: Demonstrated experience in creating and managing component libraries, style guides, and brand systems that can scale across multiple projects.

• Strong Design Fundamentals: Solid understanding and application of typography, color theory, spacing, layout principles, and visual hierarchy to create aesthetically pleasing and effective designs.

• Digital Marketing Asset Design: Competence in designing various marketing assets such as digital ads, email newsletters, and social media graphics, with an understanding of platform-specific formats and best practices.

• English Communication: Excellent written and verbal English communication skills, enabling clear articulation of design decisions and effective interaction on calls.

Preferred Skills:

• Basic HTML/CSS knowledge for deeper understanding and potential implementation nuances.

• Advanced Webflow animations beyond standard triggers.

• Familiarity with Conversion Rate Optimization (CRO) principles and A/B testing methodologies.

• Experience designing for clients in the Home Services or Healthcare industries.

📝 Enhancement Note: The "Required Skills" list emphasizes technical proficiency in specific tools (Webflow, Figma) and foundational design knowledge. The "Preferred Skills" hint at areas that would enhance the candidate's ability to contribute to broader marketing operations objectives, such as CRO and industry-specific design experience, suggesting a path for growth into more strategic GTM roles.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Live Production Links: A collection of links to live websites built by the candidate, demonstrating real-world application and client impact. These will be reviewed for responsiveness and design integrity on mobile devices.

• Webflow Read-Only Links: Essential for showcasing the backend structure and build quality of Webflow projects, verifying that sites were constructed efficiently and with proper methodology.

• Design System Example: At least one documented example of a design system created by the candidate, which could include a Figma component library, a detailed style guide, or a comprehensive brand system.

Process Documentation:

• Emphasis on demonstrating the candidate's approach to building scalable and maintainable web solutions through clear Webflow project structure and well-organized Figma files.

• The ability to articulate the process of translating client requirements into tangible design assets and functional websites within the specified tools.

• Evidence of a systematic approach to design system creation, including component definition, state management, and documentation for reusability.

📝 Enhancement Note: The portfolio requirements are highly specific and directly tied to operational efficiency and quality control. The demand for "Webflow Read-Only Links" and a "Design System Example" indicates the agency values structured, maintainable work over quick fixes, aligning with a robust operations mindset focused on long-term scalability and quality.

💵 Compensation & Benefits

Salary Range: $3,500 - $4,500 USD per month, commensurate with experience.

Benefits:

• 2 weeks of paid time off annually.

• Paid U.S. holidays.

Working Hours: Monday–Friday, 9 AM–5 PM U.S. Central Time (40 hours per week). This schedule is a strict requirement.

📝 Enhancement Note: The salary range is competitive for mid-level design roles in remote international markets, reflecting the specialized skill set required. The benefits package, while standard, is enhanced by paid time off and U.S. holidays, offering a degree of work-life balance and alignment with client operational schedules. The fixed working hours are critical for seamless collaboration with the U.S.-based client, underscoring the operational necessity of synchronous availability.

🎯 Team & Company Context

🏢 Company Culture

Industry: Digital Marketing Services, with a specialization in Home Services and Healthcare industries. This focus implies a need for understanding client-specific marketing challenges and audience needs within these sectors.

Company Size: The description suggests a growing agency, likely with a lean, agile team structure. The "Elevate and Delegate" name implies a focus on empowering team members and efficient task delegation, a key aspect of operational excellence.

Founded: While not specified, the agency's focus on modern web technologies like Webflow and Figma suggests it's a relatively contemporary organization.

Team Structure:

• The role involves direct client interaction, indicating a flat or matrixed team structure where individuals are empowered to manage client relationships and project execution independently.

• Collaboration will likely occur with account managers who bridge the gap between the client and the designer, ensuring project requirements are clearly communicated and executed.

Methodology:

• Data-Driven Design: The agency's focus on "driving revenue and measurable business results" suggests that design decisions are informed by data, potentially including analytics, CRO insights, and A/B testing outcomes.

• Agile Project Management: The emphasis on delivering "on time" and working with account managers points towards agile workflows, rapid iteration, and efficient project management practices.

• Scalable Systems: The requirement for design systems indicates a commitment to building repeatable processes and efficient workflows that can be scaled across a growing client base.

Company Website: elevateanddelegate.com

📝 Enhancement Note: The company culture is framed around efficiency, client success, and empowerment. The operations implication is a fast-paced environment where clear processes, effective communication, and demonstrable results are highly valued. Understanding the specific needs of the Home Services and Healthcare industries will be key to operational success in this role.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Mid-Level Designer, requiring independent project execution and a solid foundation of technical and design skills. It signifies a transition from junior-level support to direct client-facing responsibility and project ownership.

Reporting Structure: The candidate will report to an Account Manager who serves as the primary liaison with the client. Direct communication with clients for project-specific needs and feedback is expected, highlighting a degree of autonomy.

Operations Impact: The designer's output directly influences client revenue and business results through effective website design and marketing asset creation. Success in this role contributes to client satisfaction, retention, and the agency's reputation for delivering measurable outcomes.

Growth Opportunities:

• Specialization: Develop deeper expertise in specific areas like advanced Webflow animations, CRO-focused design, or UX/UI for niche industries (Home Services, Healthcare).

• System Leadership: Take on more responsibility in defining, documenting, and scaling the agency's design system and best practices, potentially mentoring junior designers.

• Client Strategy: Transition towards a more strategic role, contributing to client consultations, proposing design solutions that align with broader marketing objectives, and influencing client roadmaps.

• Process Improvement: Identify and implement improvements in the design workflow, tool utilization, and collaboration processes to enhance team efficiency and project delivery quality.

📝 Enhancement Note: The growth path within this role leans towards operational excellence in design execution and strategic contribution. Moving beyond pure design execution to process improvement, system leadership, and strategic client engagement aligns with typical career progression in operations-focused creative roles.

🌐 Work Environment

Office Type: Fully Remote. This necessitates strong self-discipline, effective time management, and reliable home office setup.

Office Location(s): Primarily focused on serving clients in the Philippines, with the requirement to work U.S. Central Time hours.

Workspace Context:

• Collaborative Environment: While fully remote, collaboration will occur through digital tools like Slack, Loom, and Google Meet, requiring proactive communication and engagement.

• Tools & Technology: Access to and proficiency with Webflow, Figma, and digital communication platforms are essential. The candidate is responsible for providing their own computer and internet connection, ensuring a stable and productive remote workspace.

• Operations Team Interaction: Interaction will be primarily with account managers and potentially other project stakeholders within the agency, focusing on project delivery and client satisfaction.

Work Schedule: A strict Monday–Friday, 9 AM–5 PM U.S. Central Time schedule is mandatory. This fixed schedule ensures alignment with client time zones and client operational needs, crucial for real-time collaboration and issue resolution.

📝 Enhancement Note: The remote work environment and strict time zone alignment are key operational considerations. Successful candidates must be adept at asynchronous and synchronous communication, self-management, and maintaining productivity within a distributed team structure while adhering to client-centric operational hours.

📄 Application & Portfolio Review Process

Interview Process:

• Loom Video Submission: In lieu of a traditional initial interview, candidates must record video responses to specific questions. This assesses communication skills, preparedness, and authenticity.

• Portfolio Review: A critical component, focusing on live production links and Webflow read-only links to evaluate build quality, responsiveness, and design system implementation.

• Client Review: Shortlisted candidates' Loom submissions and portfolios will be shared directly with the client for their assessment and to determine next steps.

• Final Assessment: May involve client calls to discuss projects, design decisions, and cultural fit, ensuring alignment with client expectations and agency operational standards.

Portfolio Review Tips:

• Structure and Clarity: Organize your portfolio to clearly present live links, Webflow read-only links, and your design system example. Ensure easy navigation and clear labeling for each project.

• Case Study Approach: For each major project, briefly explain the client's challenge, your design process, key decisions made, and the outcomes achieved. Highlight how your design contributed to the client's business goals.

• Webflow Build Quality: Be prepared to walk through the Webflow backend structure if requested. Emphasize clean class naming (e.g., Client-First/Relume), efficient use of CMS, and responsive implementation.

• Design System Demonstration: Clearly articulate the components, their states, and how the system ensures consistency and speeds up development. Show examples of its application across different projects.

• Authenticity: Your Loom video should reflect your genuine personality and communication style. Avoid reading from a script or using AI tools, as authenticity is highly valued.

Challenge Preparation:

• Design Decision Articulation: Practice explaining the rationale behind your design choices, especially concerning user experience, visual hierarchy, and client objectives.

• Webflow Technicality: Be ready to discuss specific Webflow features you've utilized (e.g., custom code, complex interactions, CMS structures) and how they solved specific project needs.

• Client-Centric Problem Solving: Frame your experience in terms of how you've helped clients achieve their business goals through design.

📝 Enhancement Note: The application process is heavily weighted towards demonstrating practical skills and communication ability rather than traditional interviews. The emphasis on Loom videos and detailed portfolio review highlights the agency's focus on asynchronous evaluation and direct assessment of operational output quality and communication effectiveness.

🛠 Tools & Technology Stack

Primary Tools:

• Webflow: The core platform for website development. Proficiency in building responsive, interactive, and CMS-driven websites is essential. Experience with Client-First or Relume naming conventions is a plus.

• Figma: The primary tool for wireframing, prototyping, high-fidelity design, and design system creation. Expertise in creating reusable components, auto-layout, and style libraries is expected.

Analytics & Reporting:

CRM & Automation:

• Not directly applicable to this design role, but an understanding of how website leads are captured and managed by CRM systems (e.g., Salesforce, HubSpot) can provide context for design objectives.

📝 Enhancement Note: The technology stack is focused on core design and development tools. The emphasis on Webflow and Figma, along with specific build methodologies (Client-First/Relume), indicates a need for efficient, structured workflow practices that contribute to the agency's operational scalability and product quality.

👥 Team Culture & Values

Operations Values:

• Efficiency: A drive to build websites and assets quickly and effectively, leveraging design systems and best practices to optimize workflows.

• Client Success: A commitment to delivering designs that not only look good but also achieve measurable business results for clients, directly contributing to client revenue.

• Quality & Craftsmanship: A focus on producing high-quality, well-structured, and visually appealing work, evident in meticulous Webflow builds and polished Figma designs.

• Collaboration & Communication: Valuing clear, concise communication and effective teamwork, especially in a remote setting, to ensure alignment with clients and account managers.

• Continuous Improvement: An openness to learning new techniques, refining processes, and adopting tools that enhance design and development efficiency.

Collaboration Style:

• Remote-First Communication: Utilizing digital tools like Slack, Loom, and Google Meet for asynchronous and synchronous communication.

• Client-Facing Autonomy: Empowered to communicate directly with clients, requiring proactive engagement, clear articulation of design decisions, and responsiveness to feedback.

• Process-Oriented: Working within established workflows and contributing to the refinement of design processes for greater efficiency and scalability.

• Feedback Integration: Open to constructive feedback from account managers and clients, integrating it effectively to achieve project goals.

📝 Enhancement Note: The emphasis on client success, efficiency, and quality reflects a results-oriented operational culture. The collaboration style is adapted for a remote, client-centric environment, requiring strong self-management and proactive communication skills.

⚡ Challenges & Growth Opportunities

Challenges:

• Time Zone Alignment: Consistently working within the U.S. Central Time zone (9 AM–5 PM) while based in the Philippines requires significant personal scheduling and discipline.

• Remote Collaboration: Effectively collaborating and communicating design ideas and project status remotely without face-to-face interaction.

• Client Management: Directly handling client communication, feedback, and potential revisions, requiring strong interpersonal and problem-solving skills.

• Balancing Design & Development: Seamlessly transitioning between high-fidelity design in Figma and precise implementation in Webflow, ensuring fidelity is maintained.

Learning & Development Opportunities:

• Advanced Webflow Techniques: Opportunities to explore and master advanced Webflow animations, interactions, and custom code integrations.

• CRO & A/B Testing Implementation: Learning to design with conversion rate optimization principles in mind and potentially contributing to A/B testing strategies for client websites.

• Design System Evolution: Deepening expertise in building and managing scalable design systems, potentially leading to system ownership within the agency.

• Industry-Specific Design: Gaining specialized knowledge in designing for the Home Services and Healthcare sectors, understanding their unique user needs and marketing objectives.

📝 Enhancement Note: The challenges are primarily operational, revolving around time zone management, remote collaboration, and client interaction. The growth opportunities focus on skill enhancement within core competencies and expanding into higher-value strategic areas like CRO and design system leadership.

💡 Interview Preparation

Strategy Questions:

• Design Philosophy & Process: Be prepared to articulate your personal design philosophy, your process for approaching a new Webflow project from client brief to launch, and how you ensure designs meet business objectives.

• Figma & Webflow Workflow: Explain your typical workflow between Figma and Webflow. How do you ensure design accuracy during implementation? Discuss your experience with design systems in Figma and how you translate them into Webflow components.

• Client Communication Scenarios: Prepare examples of how you've handled challenging client feedback, managed project scope creep, or successfully communicated complex design decisions to non-design stakeholders.

• Webflow Build Best Practices: Discuss your approach to building clean, maintainable, and responsive Webflow sites. Mention your familiarity with naming conventions like Client-First or Relume and why they are important.

Company & Culture Questions:

• Alignment with Agency Values: Research Elevate and Delegate's mission and values. Be ready to discuss how your work ethic and approach align with their focus on "Elevate and Delegate," client success, and efficiency.

• Remote Work Preparedness: Highlight your experience and strategies for thriving in a fully remote, asynchronous work environment, including time management and communication techniques.

• Industry Focus: If you have experience in Home Services or Healthcare, be prepared to discuss specific design insights or challenges relevant to these industries.

Portfolio Presentation Strategy:

• Narrative Storytelling: For each portfolio piece, tell a story that includes the client's problem, your solution, your design process, and the measurable results.

• Demonstrate Build Quality: Be ready to explain the technical aspects of your Webflow builds via the read-only links. Highlight efficient use of the CMS, responsive settings, and any custom code integrations.

• Design System Clarity: Clearly present your design system example, explaining its components, states, and how it facilitates scalability and consistency.

• Conciseness and Impact: Keep your explanations clear, concise, and focused on the impact of your design work. Prioritize demonstrating how your skills directly contribute to client revenue and business objectives.

📝 Enhancement Note: Interview preparation should focus on demonstrating not just design skill but also operational discipline, communication effectiveness, and a client-centric mindset. The emphasis on Webflow build quality and design systems targets the agency's operational need for efficient, scalable, and high-quality output.