Webflow UX/UI Designer

📍 Job Overview

Job Title: Webflow UX/UI Designer

Company: Cotality

Location: Austin, TX, United States / Dallas, TX, United States

Job Type: FULL_TIME

Category: UX/UI Design & Web Development Operations

Date Posted: April 9, 2026

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

Remote Status: Hybrid (2 days in-office)

🚀 Role Summary

• Serve as the primary translation layer between creative and web development teams, ensuring brand standards are met without compromising web performance or conversion best practices.

• Define and optimize the design-to-build workflow, leveraging prototyping software and browser-based development to create immersive, production-ready digital experiences.

• Manage and evolve a robust design system in Figma, ensuring seamless handover to Webflow developers and clear reference for marketing teams.

• Build complex, engaging interactions in Webflow using its Interaction Engine (IX2) and custom code (GSAP), including scroll animations and parallax effects, to enhance user engagement.

• Design for cross-platform consistency, particularly for HubSpot landing pages and emails, ensuring feasibility within platform limitations.

• Utilize analytics tools like Microsoft Clarity and Webflow Analyze to monitor performance and iteratively improve designs based on user behavior and conversion data.

📝 Enhancement Note: While the title is "Webflow UX/UI Designer," the core responsibilities indicate a strong emphasis on the operational aspects of design implementation and workflow management, bridging the gap between creative vision and technical execution. This role is crucial for ensuring the efficient and effective deployment of digital assets.

📈 Primary Responsibilities

• Strategic Translation & Stakeholder Management:

  • Translate abstract marketing objectives (e.g., "enhance brand innovation perception") into tangible visual designs and interactive Webflow elements (e.g., 3D transforms, motion graphics).
  • Act as the primary liaison between the creative and web development teams to ensure alignment on brand guidelines, technical feasibility, and conversion optimization.
  • Lead formal design review processes, presenting prototypes to non-technical stakeholders, gathering feedback, and iterating efficiently while advocating for UX best practices.

• Design System Orchestration & Governance:

  • Maintain and advance a comprehensive design system in Figma, structuring components, variables, and auto-layouts to align perfectly with Webflow's class structure.
  • Document design standards and provide "visual menus" for marketing teams to reference, ensuring consistency across all digital touchpoints.
  • Design with internationalization and localization in mind, creating flexible layouts that accommodate various languages, character counts, and regional requirements.
  • Ensure components and styles in design files directly map to Webflow's environment for a smooth handover to developers.

• Interactive Webflow Development & Optimization:

  • Develop sophisticated scroll animations, parallax effects, and "Scrollytelling" experiences using Webflow's Interaction Engine (IX2) and potentially GSAP for advanced functionality.
  • Optimize design-to-build workflows, ensuring all concepts are technically sound and meet page speed performance targets.
  • Build and implement interactive modules directly within Webflow, focusing on user engagement and conversion.

• Cross-Platform Design & Conversion Analysis:

  • Design visual architecture for HubSpot landing pages and emails, ensuring designs are feasible within HubSpot's technical constraints for seamless implementation by developers.

  • Collaborate with the Strategy Lead to rapidly prototype A/B test variations for key website elements (e.g., hero sections, pricing tables).

  • Analyze user behavior data from tools like Microsoft Clarity, Hotjar, or Webflow Analyze to inform design iterations and identify areas for conversion rate optimization (CRO).

  • Proactively simplify complex animations or design elements if performance data indicates a negative impact on conversion rates.

📝 Enhancement Note: The responsibilities highlight a hybrid role that combines deep Webflow development expertise with strategic UX/UI design and a strong operational focus on workflow, systems, and performance. The emphasis on translating creative briefs into technically viable Webflow solutions and managing design systems for scalability is a key operational component.

🎓 Skills & Qualifications

Education: A Bachelor's degree in Design, Human-Computer Interaction, Computer Science, or a related field, or equivalent practical experience is preferred.

Experience:

• 2-5 years of professional experience in UX/UI design with a significant focus on Webflow development and implementation.

• Proven experience in designing and maintaining scalable design systems.

Required Skills:

• Advanced Webflow Proficiency: Deep expertise in Webflow's platform, including the Interaction Engine (IX2), CMS Collections, and responsive design principles.

• Figma Expertise: Advanced skills in Figma for design, prototyping, and managing design systems (Components, Auto-Layouts, Variables).

• Design System Management: Proven ability to build, maintain, and govern comprehensive design systems that facilitate efficient handoffs and ensure brand consistency.

• Interactive Animation Design: Experience creating complex animations, scroll effects, and dynamic user interfaces within Webflow.

• HubSpot Design Understanding: Functional knowledge of HubSpot's design modules, templates, and limitations for landing pages and email marketing.

• Performance & Analytics Acumen: Familiarity with web performance optimization techniques and experience using analytics tools (e.g., Microsoft Clarity, Hotjar, Webflow Analyze) to inform design decisions and drive conversion optimization.

• Stakeholder Communication: Excellent verbal and written communication skills, with the ability to effectively present design concepts and technical constraints to both technical and non-technical stakeholders.

Preferred Skills:

• GSAP (GreenSock Animation Platform): Familiarity or advanced proficiency with GSAP for creating highly sophisticated web animations.

• Custom Code Integration: Experience integrating custom HTML, CSS, and JavaScript within Webflow.

• A/B Testing Design: Experience designing and prototyping variations for A/B testing purposes.

• Localization Design: Understanding of principles and best practices for designing globally-aware and localized digital experiences.

• UX Research & Testing: Experience conducting user research or usability testing to validate design decisions.

📝 Enhancement Note: The requirement for a portfolio of live, production Webflow sites with complex interactions and clean class structures is a critical differentiator. This goes beyond standard UI design and emphasizes the operational skill of implementing and managing functional web experiences. The mention of "translation layer" and "design-to-build workflow" further underscores the operational nature of this role.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A curated portfolio showcasing at least 3-5 live, production-ready Webflow websites.

• Detailed case studies for each project, highlighting:

  • The specific design challenges and marketing objectives addressed.
  • The role of Webflow and its interaction engine in achieving the desired user experience.
  • Examples of complex animations, responsive implementations, and clean class structures.
  • Evidence of design system application and its impact on efficiency.
  • Any contributions to A/B testing or performance optimization efforts.

• Demonstrations of your ability to translate brand guidelines into technically sound web designs.

Process Documentation:

• Showcase examples of how you've established or maintained design systems, including documentation of components, variables, and usage guidelines.

• Provide insights into your preferred design-to-build workflow, illustrating how you bridge the gap between design tools (like Figma) and Webflow development.

• Illustrate instances where you've used analytics tools (e.g., Microsoft Clarity, Webflow Analyze) to inform design iterations and improve conversion rates.

• Include examples of how you've designed for localization, demonstrating flexible layouts and consideration for different languages and character sets.

📝 Enhancement Note: For a role like this, the portfolio is paramount. It needs to prove not just design aesthetic, but also technical proficiency in Webflow and the operational rigor to manage design systems and workflows effectively. The emphasis should be on "built" and "implemented" rather than just "designed."

💵 Compensation & Benefits

Salary Range: $65,200 - $89,440 USD per year.

Benefits:

• Time Off: Generous Paid Time Off (PTO), 11 paid holidays, dedicated well-being time off, and volunteer time off.

• Family Support: Up to 16 weeks of fully paid parental leave and a baby stipend.

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

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

• Financial Perks: An annual well-being stipend of $400 and tuition assistance up to $5,250 per year.

• Additional Perks: Recognition Rewards program, referral bonuses, and access to exclusive discounts.

Working Hours: Standard full-time hours (approximately 40 hours per week), with a hybrid work arrangement that includes 2 days per week in the office.

📝 Enhancement Note: The provided salary range is specific and falls within typical mid-level UX/UI Designer roles in major Texas markets like Austin and Dallas. The benefits package is comprehensive, offering strong support for work-life balance, family, and professional development, which are attractive to operations-minded professionals.

🎯 Team & Company Context

🏢 Company Culture

Industry: Property Technology (PropTech) / Real Estate Intelligence. Cotality operates within the property industry, leveraging technology to provide intelligence and streamline processes. This sector is rapidly evolving, demanding innovative digital solutions.

Company Size: Approximately 5,000 employees globally. This indicates a large, established organization with resources for sophisticated operations and technology infrastructure, offering stability and opportunities for impact.

Founded: Information not explicitly provided, but the company size suggests significant history and growth.

Team Structure:

• The role involves collaboration with a "creative team" and a "web team," suggesting a departmental structure where design and development functions are distinct but closely integrated.

• You will report to a "Strategy Lead" for A/B testing collaborations, indicating a strategic operational alignment.

Methodology:

• Data-Driven Design: Emphasis on using analytics (Microsoft Clarity, Webflow Analyze) to inform design decisions and optimize for conversion.

• Agile Iteration: Rapid prototyping and A/B testing suggest an agile approach to design and development, focusing on continuous improvement.

• Workflow Optimization: Defining and managing the "design-to-build workflow" is a core operational aspect, aiming for efficiency and seamless handoffs.

• Systematic Approach: Maintaining a robust and scalable design system is crucial for consistency and efficient deployment across various platforms.

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

📝 Enhancement Note: Cotality's mission to make the property industry faster, smarter, and more people-centric suggests a culture that values innovation, efficiency, and user experience – all key tenets of effective operations. The company's scale implies a need for well-defined processes and robust systems to manage its global operations.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a mid-level to senior individual contributor, bridging the gap between pure design and front-end implementation. It requires a blend of creative vision, technical execution, and operational process management.

Reporting Structure: You will report to a "Strategy Lead" for certain collaborative efforts and will likely have a direct manager overseeing the broader design or web team. This structure implies strong cross-functional integration, a hallmark of effective GTM and revenue operations.

Operations Impact: The role directly impacts the company's digital presence, conversion rates, and user engagement, which are critical drivers of lead generation and customer acquisition – key metrics for revenue operations. By ensuring high-converting, technically sound web assets, this role contributes significantly to the top of the sales funnel and overall business performance.

Growth Opportunities:

• Specialization: Deepen expertise in advanced Webflow interactions, animation (GSAP), and Webflow's technical architecture.

• System Leadership: Grow into a role managing broader design systems or web development workflows across multiple platforms.

• Cross-Functional Leadership: Develop stronger strategic partnerships with marketing, sales, and product teams, potentially moving into roles with more strategic input on digital product development or GTM strategies.

• Technical Acumen: Enhance skills in web performance, analytics interpretation, and potentially explore front-end development best practices.

• Management Path: With proven success, opportunities may arise to lead a team of designers or web developers.

📝 Enhancement Note: This role offers a unique path for designers to gain significant operational and technical depth. The focus on workflow, system management, and performance metrics aligns well with career progression in operations-centric design and development roles.

🌐 Work Environment

Office Type: Hybrid role, requiring approximately 2 days per week in the office, with options in either Austin, TX, or Dallas, TX. The remaining days are remote.

Office Location(s): Austin, TX (1825A Kramer Lane) and Dallas, TX. Candidates must reside within a commutable distance of one of these locations.

Workspace Context:

• Collaborative Hub: The office days are intended for in-person collaboration, team meetings, and potentially brainstorming sessions with creative and web teams.

• Technology Enabled: Access to necessary hardware, software, and potentially a well-equipped office environment for focused work. The company likely utilizes standard professional tools for design, development, and communication.

• Flexible Model: The hybrid arrangement offers a balance between structured in-office collaboration and the flexibility of remote work, allowing for deep focus periods on complex design and development tasks.

Work Schedule: Typically 40 hours per week, with the flexibility to manage time effectively across remote and in-office days. The nature of design and development often requires focused blocks of time, which this arrangement can accommodate.

📝 Enhancement Note: The hybrid model is designed to balance the benefits of in-person collaboration for ideation and team cohesion with the productivity gains of focused remote work, a common operational strategy for knowledge-based roles.

📄 Application & Portfolio Review Process

Interview Process:

1. Initial Screening: HR or recruiter call to assess basic qualifications, cultural fit, and interest.

2. Portfolio Review & Technical Interview: A deep dive into your portfolio, focusing on live Webflow sites, complex interactions, design system examples, and your design-to-build process. This will likely include technical questions about Webflow, Figma, and animation.

3. Stakeholder/Team Interview: Meeting with potential team members (e.g., Strategy Lead, creative director, web developers) to assess collaboration style, problem-solving approach, and how you translate creative to technical. Expect scenario-based questions.

4. Hiring Manager Interview: Discussion about career goals, team fit, and overall alignment with Cotality's mission and values.

5. Final Offer: Based on successful completion of all stages.

Portfolio Review Tips:

• Show, Don't Just Tell: Focus on live, interactive examples. Be prepared to walk through the build process, class structures, and interaction logic of your Webflow sites.

• Highlight the "Operations": Emphasize how you managed the design system, optimized the design-to-build workflow, and used analytics to improve performance. Quantify results where possible (e.g., "improved loading speed by X%", "designed A/B test variants that led to Y% conversion increase").

• Systematic Structure: Clearly articulate your design system approach in Figma and how it translates to Webflow. Explain your localization strategies.

• Problem/Solution Narrative: For each project, frame your work around a specific problem or goal, your approach, and the measurable outcome.

Challenge Preparation:

• Webflow Interaction Challenge: Be prepared to discuss or potentially demonstrate how you would build a specific complex animation or interactive element within Webflow.

• Design System Scenario: You might be asked how you would structure a particular component or set of components within a design system for Webflow implementation.

• HubSpot Feasibility: Given a design concept, you may need to articulate its feasibility within HubSpot's constraints and suggest alternatives if necessary.

• Analytics Interpretation: Be ready to interpret heatmaps or user flow data and propose design changes based on that analysis.

📝 Enhancement Note: The emphasis on a portfolio of live sites and demonstration of the design-to-build workflow and analytics-informed design are critical operational aspects. Candidates should prepare to discuss their process, system management, and impact on conversion rates.

🛠 Tools & Technology Stack

Primary Tools:

• Webflow: Core platform for website development and interaction building. Advanced proficiency with Interaction Engine (IX2) and CMS Collections is essential.

• Figma: Primary tool for design, prototyping, and design system management (Components, Auto-Layout, Variables).

• GSAP (GreenSock Animation Platform): Preferred for advanced, custom animations (strong plus).

• HubSpot: For designing landing pages and email templates, requiring an understanding of its limitations.

Analytics & Reporting:

• Microsoft Clarity: For heatmaps, session recordings, and user behavior analysis.

• Hotjar: Similar to Clarity, for user behavior insights.

• Webflow Analyze: For website performance metrics and analytics within Webflow.

CRM & Automation:

• HubSpot: Used for marketing automation, landing pages, and email campaigns, requiring design integration.

Other Potential Tools:

• Prototyping Software: Beyond Figma, potentially Adobe XD or Sketch if used in prior workflows.

• Version Control/Code Management: If custom code is heavily involved, familiarity with Git or similar systems might be beneficial, though not explicitly stated.

📝 Enhancement Note: This role operates at the intersection of design, development, and marketing tech. Proficiency in Webflow and Figma is paramount, but understanding how these integrate with marketing automation platforms like HubSpot and how to leverage analytics tools for optimization are key operational skills.

👥 Team Culture & Values

Operations Values:

• Innovation & Efficiency: A drive to make processes "faster, smarter," and to continuously innovate digital solutions.

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

• User-Centricity: Focusing on creating "people-centric" experiences that resonate with users and stakeholders.

• Collaboration & Transparency: Working effectively across teams (creative, web, marketing, strategy) and openly communicating technical constraints and design rationale.

• Scalability & Systemization: Building robust design systems and workflows that support growth and consistency.

Collaboration Style:

• Bridging Silos: The role actively bridges creative vision with technical implementation, requiring strong communication and negotiation skills.

• Feedback Integration: A structured approach to receiving and incorporating feedback from non-technical stakeholders, while also defending UX best practices.

• Cross-Functional Partnerships: Working closely with marketing for campaign assets, strategy for A/B testing, and web development for seamless implementation.

• Knowledge Sharing: Likely involves documenting best practices for Webflow development and design system usage.

📝 Enhancement Note: Cotality's stated values of innovation, people-centricity, and making the industry "faster, smarter" directly align with operational excellence. The emphasis on collaboration and data-driven decision-making further reinforces an operations-minded culture.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Creative Vision with Technical Constraints: Effectively translating ambitious creative briefs into technically feasible and performant Webflow builds, especially concerning complex animations and HubSpot integrations.

• Maintaining Design System Integrity: Ensuring the design system remains robust, scalable, and accurately mapped to Webflow classes as the product evolves.

• Cross-Platform Consistency: Achieving seamless visual and functional consistency across Webflow, HubSpot, and potentially other digital touchpoints.

• Data Interpretation & Action: Translating raw analytics data (heatmaps, performance metrics) into actionable design improvements that demonstrably boost conversion rates.

• Hybrid Work Management: Effectively leveraging both in-office collaboration days and remote focus time for optimal productivity and team integration.

Learning & Development Opportunities:

• Advanced Webflow & Animation: Opportunities to master complex Webflow features and potentially become proficient in GSAP for cutting-edge interactive design.

• Design System Leadership: Growing expertise in managing and scaling design systems for large organizations.

• Conversion Rate Optimization (CRO): Deepening understanding of CRO principles through hands-on A/B testing and analytics analysis.

• PropTech Industry Insight: Gaining specialized knowledge within the property technology sector.

• Cross-Functional Strategy: Developing a stronger strategic voice in how digital experiences contribute to broader business and GTM objectives.

📝 Enhancement Note: This role presents challenges that are common in operations-focused design positions: managing technical debt, ensuring scalability, and proving ROI through data. The growth opportunities are strong for those looking to blend design skills with operational execution.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for translating a vague marketing goal, like 'increase innovation perception,' into a concrete Webflow design."

• "How do you ensure your Webflow designs are technically sound and optimized for page speed, especially when using complex animations?"

• "Walk me through a time you had to defend a UX best practice to a non-technical stakeholder. What was the outcome?"

• "How would you approach designing a flexible hero section in Figma that needs to work seamlessly across both Webflow and HubSpot, considering different content lengths and styles?"

Company & Culture Questions:

• "What interests you about Cotality's mission in the property industry?"

• "How do you see your role contributing to a 'faster, smarter, and more people-centric' property industry?"

• "Describe your experience working in a hybrid environment. How do you maximize your productivity and collaboration?"

Portfolio Presentation Strategy:

• Structure for Operations Roles: Frame your portfolio case studies to highlight the operational aspects: workflow efficiency, system scalability, technical implementation success, and data-driven optimization.

• Quantify Impact: Whenever possible, use metrics to demonstrate the impact of your work (e.g., improved conversion rates, faster load times, reduced development time due to systemization).

• Showcase Webflow Mastery: Be ready to demonstrate live examples of complex interactions, explain your class naming conventions, and discuss your approach to responsive design within Webflow.

• Design System Walkthrough: Clearly explain your Figma design system structure and how it directly translates to your Webflow builds.

• Analytics in Action: Point to specific examples where data from tools like Microsoft Clarity informed your design decisions and led to tangible improvements.

📝 Enhancement Note: Interview preparation should focus on demonstrating a deep understanding of Webflow's technical capabilities, the operational discipline of design systems and workflows, and the ability to use data to drive design decisions towards business objectives.

📌 Application Steps

To apply for this Webflow UX/UI Designer position:

• Submit your application through the provided Workday link.

• Curate Your Portfolio: Select your strongest live Webflow projects that showcase complex interactions, clean code structure, and responsive design. Prioritize projects where you can clearly articulate your role in the design-to-build process and any performance improvements achieved.

• Optimize Your Resume: Tailor your resume to highlight keywords from the job description, such as "Webflow," "UX/UI Design," "Figma," "Design Systems," "Interaction Engine," "HubSpot," "Conversion Optimization," and "Analytics." Quantify your achievements with specific numbers and metrics.

• Prepare Your Presentation: Practice walking through your portfolio with a focus on your operational contributions – how you managed design systems, optimized workflows, and used data to inform decisions. Be ready to discuss technical implementation details and stakeholder collaboration.

• Research Cotality: Understand Cotality's mission, industry, and values. Prepare to articulate how your skills and approach align with their goals for innovation, efficiency, and user experience in the property sector.

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

---