Webflow UX/UI Designer

📍 Job Overview

Job Title: Webflow UX/UI Designer

Company: Cotality

Location: Austin, TX, United States (Remote OK)

Job Type: FULL_TIME

Category: UX/UI Design, Web Development, Marketing Operations

Date Posted: 2026-03-20

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

Remote Status: Remote OK

🚀 Role Summary

• This role is positioned at the intersection of creative design and technical web development, focusing on translating marketing objectives into high-conversion user experiences within the Webflow platform.

• The Webflow UX/UI Designer will be instrumental in defining and optimizing the design-to-build workflow, leveraging a blend of prototyping tools and browser-based development to create engaging, production-ready digital assets.

• Key responsibilities include enhancing brand perception through immersive experiences, clearing the UX backlog, and managing scalable design systems to ensure technical feasibility and adherence to brand standards.

• This position requires a strong ability to collaborate with both creative and web development teams, ensuring seamless integration of innovative designs into functional, high-performing web solutions across multiple platforms.

📝 Enhancement Note: While the title is "Webflow UX/UI Designer," the description emphasizes a hybrid role that blends advanced design skills with practical Webflow development and an understanding of marketing operations principles. The focus on "high-converting assets," "marketing goals," and "HubSpot" indicates a strong GTM (Go-To-Market) operations component, making this role relevant for operations professionals looking to leverage design for business outcomes.

📈 Primary Responsibilities

• Act as the primary communication and translation layer between the creative and web development teams, ensuring brand integrity is maintained while optimizing for web performance and conversion rates.

• Translate abstract marketing concepts and goals (e.g., enhancing brand "innovation") into tangible visual and interactive realities using Webflow's capabilities, including 3D transforms, motion graphics, and interactive modules.

• Establish and lead a formal design review process, presenting prototypes to non-technical stakeholders, efficiently gathering feedback, and iterating on designs while advocating for UX best practices.

• Maintain and evolve a comprehensive design system (using tools like Figma) that provides clear technical specifications for developers and an accessible "visual menu" for marketing teams.

• Design all digital assets with localization in mind, ensuring flexibility for various regions, languages, and character sets to accommodate a global audience.

• Develop complex scroll animations, parallax effects, and "Scrollytelling" experiences using Webflow's Interaction Engine (IX2) and potentially external libraries like GSAP to maximize user engagement.

• Define and implement optimal design-to-build workflows, ensuring all concepts are technically sound, optimized for page speed, and feasible for implementation directly in Webflow or via browser-based development.

• Design visual architecture for HubSpot landing pages and emails, ensuring feasibility within HubSpot's platform limitations for efficient implementation by the development team.

• Collaborate with the Strategy Lead to rapidly prototype A/B test variations for key web elements (e.g., hero sections, pricing tables) and utilize analytics tools (Microsoft Clarity, Hotjar, Webflow Analyze) to monitor performance and drive data-informed design simplifications.

📝 Enhancement Note: The responsibilities highlight a critical role in bridging creative vision with technical execution, a common challenge in GTM operations. The emphasis on "high-converting assets," "design systems," "HubSpot," and "A/B testing" points to a need for someone who understands how design directly impacts business objectives and operational efficiency.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a Bachelor's degree in Graphic Design, Web Design, Human-Computer Interaction, or a related field is often preferred for roles requiring this level of design expertise and strategic thinking. Equivalent practical experience will also be considered.

Experience: A minimum of 2-5 years of professional experience in UX/UI design with a strong focus on web development, particularly within the Webflow ecosystem. Experience in a fast-paced, collaborative environment is essential.

Required Skills:

• A strong, demonstrable portfolio showcasing live, production-ready Webflow sites with complex interactions, clean class structures, and responsive implementations.

• Advanced proficiency in Webflow, with specific expertise in the Interaction Engine (IX2) and CMS Collections.

• Proven experience in building and maintaining scalable design systems using tools like Figma, including structuring Auto-Layouts, Variables, and Components that map directly to Webflow classes.

• Demonstrated ability to translate "brand/creative" requirements into functional "web/technical" realities, effectively communicating technical constraints to non-technical stakeholders.

• Functional understanding of HubSpot's design modules and limitations, with the ability to design feasible templates for developers.

Preferred Skills:

• Familiarity with JavaScript libraries like GSAP for advanced animations.

• Experience with custom coding within Webflow for highly specialized interactive elements.

• Knowledge of other prototyping tools beyond Figma, such as Adobe XD or Sketch.

• Understanding of SEO best practices as they relate to web design and content structure.

• Experience with localization best practices for web design and user interfaces.

📝 Enhancement Note: The emphasis on a "portfolio of live, production Webflow sites" and "advanced proficiency in Webflow's Interaction Engine" is crucial. For operations candidates, this translates to needing demonstrable experience in executing complex technical designs that yield measurable results, aligning design with business outcomes rather than purely aesthetic pursuits.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Live Webflow Site Examples: A minimum of 3-5 live, production Webflow websites that clearly showcase complex interactions, sophisticated animations (e.g., scroll-triggered, parallax), and robust responsive design across multiple breakpoints.

• Design System Documentation: Evidence of building or contributing to a design system, ideally using Figma, demonstrating structured components, variables, auto-layouts, and clear mapping to Webflow class names. This should highlight efficiency in handoff and scalability.

• Case Studies of Complex Features: Detailed walkthroughs of specific interactive elements or features built within Webflow, explaining the design process, technical implementation challenges, and solutions.

• HubSpot Design Feasibility: Examples or descriptions of how designs were adapted or created with HubSpot landing pages and email templates in mind, demonstrating an understanding of platform constraints and developer handoff.

• Performance Optimization: Documentation or discussion of how designs were optimized for page speed and user engagement, referencing data from analytics tools (e.g., Webflow Analyze, Microsoft Clarity) to support design decisions.

Process Documentation:

• Design-to-Build Workflow: Articulate the established workflow for translating marketing briefs into Webflow development, including stages for ideation, prototyping, technical specification, development, and QA.

• Design System Maintenance: Outline the process for updating and maintaining the design system, including version control, component library management, and communication of changes to relevant teams.

• Feedback and Iteration Process: Detail the methodology for conducting design reviews, gathering stakeholder feedback, and iterating on designs to ensure alignment with business goals and technical feasibility.

• Localization Strategy: Describe the process for designing and implementing localized content, ensuring flexibility and adaptability across different languages and regions.

📝 Enhancement Note: For operations professionals, showcasing a "process-driven" approach is key. The portfolio should not just be a gallery of pretty pictures but a testament to structured methodologies, efficient workflows, and the ability to deliver technically sound, scalable solutions that align with business objectives. Demonstrating how design choices impact conversion rates and user engagement is paramount.

💵 Compensation & Benefits

Salary Range:

The annual pay range for this position is $65,200 - $89,440 USD. This range is based on the provided job posting information and reflects a mid-level UX/UI designer role with significant Webflow development and marketing operations integration responsibilities in the Austin, TX area.

📝 Enhancement Note: This salary range is based on the explicit "Annual Pay Range: 65,200 - 89,440 USD" stated in the job description. For a mid-level role in Austin, TX, this range is competitive, particularly given the specialized Webflow and hybrid design/development requirements. Market research for similar roles in Austin confirms this as a reasonable estimate.

Benefits:

• Generous Time Off: Includes PTO, 11 paid holidays, well-being time off, and volunteer time off, promoting work-life balance.

• Family Support: Comprehensive benefits such as up to 16 weeks of fully paid parental leave and a baby stipend.

• Health & Wellness: Multiple medical plan options, with integrated mental health and wellness support offerings.

• Retirement Savings: 401(k) plan with a company match, featuring a one-year vesting period.

• Financial & Professional Development: An annual $400 well-being stipend, tuition assistance up to $5,250, recognition rewards, and referral bonuses.

• Additional Perks: Exclusive discounts and other benefits designed to support employee well-being and financial health.

Working Hours: The standard working hours are 40 hours per week, consistent with full-time employment. The "Remote OK" status suggests flexibility in how these hours are managed, as long as core responsibilities and collaboration needs are met.

🎯 Team & Company Context

🏢 Company Culture

Industry: Property Technology (PropTech) / Real Estate Services. Cotality operates within the property industry, aiming to enhance it through intelligence, technology, and data. This sector is characterized by its significant economic impact and evolving digital landscape.

Company Size: Cotality has approximately 5,000 employees globally, indicating a large, established organization with significant resources and a broad operational footprint. This size suggests opportunities for structured career paths and cross-functional exposure.

Founded: The founding date is not explicitly provided, but the company's mission to "make the property industry faster, smarter, and more people-centric" and its global presence imply a mature company focused on innovation within a traditional sector.

Team Structure:

• The role likely sits within a marketing, digital, or product team that interfaces closely with web development and creative departments.

• Reporting structure will likely be to a Design Lead, Digital Marketing Manager, or a similar role overseeing digital asset creation and web presence.

Methodology:

• Data-Driven Design: Emphasis on using analytics (Microsoft Clarity, Webflow Analyze) and A/B testing to inform and optimize design decisions, aligning with operations principles of continuous improvement.

• Agile/Iterative Development: The process of rapid prototyping, stakeholder feedback, and iteration suggests an agile approach to design and development.

• Systematic Design: Focus on building and maintaining scalable design systems and clear technical specifications for efficient and consistent implementation.

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

📝 Enhancement Note: Cotality's mission and size suggest a culture that values innovation and efficiency within a large, impactful industry. A 5,000-employee global presence means operations are likely well-defined, and this role contributes to a critical GTM function—digital presence and conversion optimization.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Mid-Level (2-5 years experience) Webflow UX/UI Designer. It involves significant autonomy in design execution, technical implementation within Webflow, and collaboration with strategic stakeholders. It bridges creative execution with business objectives, making it a valuable step for those looking to deepen their expertise in digital asset creation that drives GTM success.

Reporting Structure: The designer will likely report to a manager or lead responsible for digital marketing, web strategy, or creative operations. They will work closely with marketing, creative, and web development teams, requiring strong collaboration and communication skills.

Operations Impact: The Webflow UX/UI Designer has a direct impact on Cotality's Go-To-Market (GTM) strategy by:

• Enhancing Brand Perception: Creating visually compelling and innovative digital experiences that reflect the company's mission and market position.

• Driving Conversions: Designing high-converting landing pages, interactive modules, and user flows that support marketing campaigns and lead generation efforts.

• Improving User Engagement: Implementing advanced Webflow interactions and animations to keep users engaged longer, thereby improving metrics like time on site and bounce rate.

• Ensuring Brand Consistency: Maintaining a robust design system and ensuring brand standards are met across all digital platforms, including Webflow and HubSpot.

• Optimizing Workflow Efficiency: Defining and refining the design-to-build process to reduce friction between creative and technical teams, leading to faster deployment cycles.

Growth Opportunities:

• Specialization: Deepen expertise in advanced Webflow development, animation libraries (GSAP), and complex interaction design.

• Leadership: Progress to a Senior Designer or Design Lead role, potentially managing design projects or a small team, and taking on more strategic design initiatives.

• Cross-functional Expansion: Develop a stronger understanding of marketing operations, A/B testing methodologies, and data analytics, potentially moving into roles focused on digital strategy or GTM operations.

• System Design: Become a key owner of the design system, influencing its evolution and application across various digital touchpoints.

📝 Enhancement Note: This role offers a unique blend of creative and technical skill development, directly contributing to GTM effectiveness. Growth opportunities lean towards specialization in Webflow/interactive design or a broader move into digital strategy and operations.

🌐 Work Environment

Office Type: The role is listed as "Remote OK," indicating a primary work-from-home arrangement. This suggests a digitally-focused, distributed team environment.

Office Location(s): While the primary listing is for Austin, TX, with an additional mention of Dallas, TX, the "Remote OK" status implies that candidates in other locations within the US (and potentially Canada, UK, India as per AI data) may be considered, provided they can effectively collaborate remotely.

Workspace Context:

• Collaborative Digital Space: Expect a highly collaborative environment conducted through digital tools (Slack, Zoom, project management software).

• Technology Stack: Access to design tools (Figma), Webflow, and potentially other web development and analytics platforms.

• Team Interaction: Regular virtual meetings, design critiques, and cross-functional check-ins will be essential for staying connected and aligned.

Work Schedule: The standard 40-hour work week is expected. While remote, maintaining consistent availability during core business hours for collaboration and responsiveness is typically required. Flexibility may be offered within these parameters.

📝 Enhancement Note: For operations-minded candidates, a remote-first or remote-friendly environment often indicates a focus on asynchronous communication, clear documentation, and outcome-based performance, which aligns well with operational efficiency principles.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of the application, resume, and crucially, the portfolio. Candidates without a strong Webflow portfolio will likely be screened out early.

• Portfolio Deep Dive: An interview focused on thoroughly reviewing the candidate's portfolio. Expect to discuss specific projects, design choices, technical implementation details in Webflow, and the impact of their work.

• Technical/Skills Assessment: Potentially a live design or coding challenge within Webflow, or a detailed discussion about their approach to specific design problems (e.g., creating a complex animation, designing a responsive component, optimizing a HubSpot template).

• Behavioral & Cultural Fit: Questions assessing collaboration style, problem-solving approach, communication skills, and alignment with Cotality's values.

• Final Round: May involve meeting with senior leadership or key stakeholders to discuss strategic alignment and overall fit.

Portfolio Review Tips:

• Highlight Webflow Proficiency: Ensure your portfolio prominently features live Webflow sites. Clearly articulate your role, the specific Webflow features used (especially IX2), and the technical structure (class names, CMS setup).

• Showcase Design Systems: If you've built or contributed to design systems, provide examples of components, variables, and their mapping to Webflow. Explain how this system improved efficiency or consistency.

• Demonstrate Impact: For each project, quantify the results where possible. Did your design increase conversion rates? Did it improve user engagement metrics? Use data from analytics tools to support your claims.

• Explain the "Why": Be prepared to discuss the rationale behind your design and development decisions, particularly how they address marketing goals, technical constraints, or user needs.

• HubSpot Awareness: Include any projects that involved designing for or with HubSpot, explaining your understanding of its limitations and capabilities.

Challenge Preparation:

• Webflow Interaction Mastery: Practice building complex animations and interactions in Webflow. Be ready to demonstrate your ability to create sophisticated scroll effects, micro-interactions, and responsive behaviors.

• Design System Application: Prepare to discuss how you would structure a design system for Webflow and how you ensure consistency between design files (Figma) and the live Webflow environment.

• Problem-Solving Scenarios: Anticipate hypothetical scenarios like: "How would you design a responsive hero section that incorporates 3D elements and loads quickly?" or "How would you approach designing a set of templates for HubSpot that are both on-brand and functional?"

📝 Enhancement Note: This section is critical for operations candidates. The emphasis on a "portfolio of live, production Webflow sites" and "translating marketing goals into high-converting assets" means demonstrating ROI through design. Prepare to discuss not just aesthetics but the functional and business impact of your work.

🛠 Tools & Technology Stack

Primary Tools:

• Webflow: Advanced proficiency required for building websites, implementing complex interactions (IX2), and managing CMS Collections.

• Figma: Essential for design system creation, wireframing, prototyping, and detailed UI design, with a focus on structuring elements that map to Webflow classes.

• GSAP (GreenSock Animation Platform): Preferred for building advanced, performant animations and interactive sequences beyond Webflow's native capabilities.

• Custom Code (HTML, CSS, JavaScript): Necessary for implementing highly specialized features or optimizations within Webflow.

Analytics & Reporting:

• Microsoft Clarity / Hotjar: Used for understanding user behavior through heatmaps and session recordings to inform design optimizations.

• Webflow Analyze: Utilized for monitoring website performance, page speed, and user engagement metrics within the Webflow platform.

CRM & Automation:

• HubSpot: Functional understanding required for designing landing pages and email templates that are feasible within its platform limitations.

• Project Management Tools (e.g., Jira, Asana, Monday.com): Likely used for task management, workflow tracking, and team collaboration.

📝 Enhancement Note: Proficiency in Webflow and Figma is non-negotiable. For operations professionals, understanding how these tools integrate with marketing platforms like HubSpot and how design impacts analytics is key to demonstrating business value.

👥 Team Culture & Values

Operations Values:

• Innovation & Bold Thinking: Encouraged to push creative boundaries while ensuring technical feasibility and business impact.

• Client-First Approach: Understanding that design decisions should ultimately serve the needs of the property industry clients and Cotality's business objectives.

• Collaboration & Value: Fostering a team environment where diverse contributions are appreciated, and individuals feel empowered.

• Data-Driven Decision Making: Utilizing analytics and performance metrics to guide design choices and validate effectiveness.

• Efficiency & Optimization: A commitment to streamlined workflows, scalable design systems, and high-performing digital assets.

Collaboration Style:

• Cross-functional Integration: Working closely with marketing, creative, and web development teams, requiring clear communication and shared understanding.

• Feedback-Oriented: A culture that embraces constructive feedback for iterative improvement of designs and processes.

• Problem-Solving Partnership: Collaborating to find solutions that balance creative vision with technical realities and business goals.

📝 Enhancement Note: The company's emphasis on being "people-centric," "innovative," and "collaborative" suggests a dynamic work environment where individual contributions are valued, but team success and operational efficiency are paramount.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Innovation with Performance: Creating cutting-edge interactive experiences in Webflow without negatively impacting page load speed or conversion rates.

• Technical Constraints: Designing within the limitations of platforms like Webflow and HubSpot while still delivering visually compelling and functional user experiences.

• Stakeholder Communication: Effectively translating complex design and technical concepts to non-technical stakeholders and managing expectations.

• Keeping Pace with Technology: Continuously learning new Webflow features, animation techniques, and best practices in UX/UI design and web development.

• Global Consistency: Ensuring design systems and implemented websites maintain brand integrity and usability across diverse regions and languages.

Learning & Development Opportunities:

• Advanced Webflow Mastery: Opportunities to hone expertise in complex Webflow interactions, custom code, and integrations.

• Design System Architecture: Potential to lead or significantly contribute to the evolution and implementation of Cotality's global design system.

• GTM Strategy Insight: Gaining deeper understanding of how UX/UI design directly influences marketing campaigns, lead generation, and overall business objectives.

• Cross-Platform Expertise: Developing skills in designing for multiple platforms, including HubSpot, and understanding their unique requirements.

• Data Analytics Application: Enhancing skills in using user behavior analytics to drive design decisions and measure impact.

📝 Enhancement Note: This role presents a great opportunity to become a specialist in Webflow and interactive design within a major industry. The challenges are typical of bridging creative and technical realms, requiring strong problem-solving and communication skills, which are highly valued in operations roles.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for translating a vague marketing goal like 'we need to sound more innovative' into a concrete Webflow design." (Focus on your systematic approach, creative problem-solving, and technical implementation ideas.)

• "How do you ensure your Webflow designs are technically sound and optimized for performance, especially when incorporating complex animations?" (Discuss your workflow, testing methods, and experience with tools like Webflow Analyze or GSAP.)

• "Walk us through a project where you had to balance creative vision with technical constraints or platform limitations (e.g., HubSpot). How did you resolve any conflicts?" (Highlight your ability to pragmatically adapt designs and communicate trade-offs.)

Company & Culture Questions:

• "What interests you about Cotality and the property industry?" (Research Cotality's mission, values, and recent news. Connect your design philosophy to their goals.)

• "How do you approach collaboration with non-designers, such as marketers or developers?" (Provide examples of successful cross-functional teamwork and communication strategies.)

Portfolio Presentation Strategy:

• Structure for Impact: Organize your portfolio to highlight your strongest Webflow projects first. For each project, clearly state your role, the objectives, the challenges, your solutions (design and technical), and the measurable outcomes.

• Demonstrate Webflow Expertise: When discussing projects, explicitly mention the Webflow features used (IX2, CMS, custom code). Show live examples and, if possible, quick walkthroughs of the Webflow project settings.

• Quantify Achievements: Use numbers whenever possible. "Increased conversion rate by X%," "Reduced bounce rate by Y%," "Improved page load speed by Z seconds."

• Explain the "Why": Be prepared to articulate the strategic thinking behind every design decision. Connect your work directly to business goals and user needs.

• Be Ready for Live Demos: Have your portfolio accessible and be ready to share your screen and navigate through live sites or Webflow projects.

📝 Enhancement Note: Interview preparation for this role requires a blend of creative storytelling and technical/operational articulation. Candidates must demonstrate not only design talent but also a strategic, results-oriented mindset aligned with GTM objectives.

📌 Application Steps

To apply for this Webflow UX/UI Designer position:

• Submit your application through the provided Workday link.

• Customize Your Resume: Tailor your resume to highlight your Webflow expertise, design system experience, and any contributions to marketing operations or conversion optimization. Use keywords from the job description.

• Curate Your Portfolio: Ensure your portfolio prominently features live Webflow sites, clearly detailing your role, technical implementation, and any measurable impact. Include examples of complex interactions and design system components.

• Prepare Your Webflow Demo: Be ready to discuss your Webflow projects in detail, including your use of IX2, CMS, and any custom code. Practice articulating your design process and technical rationale.

• Research Cotality: Understand Cotality's mission, industry, and values. Think about how your design skills can contribute to their goals in the property industry.

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