Cotality is a company focused on making the property industry faster and smarter through innovative technology. They are seeking a hands-on Webflow designer to bridge the gap between visual creativity and technical implementation, translating marketing goals into high-converting assets and managing design systems for optimal user experience.
Responsibilities:
- Serve as the primary translation layer between the creative team and the web team. You ensure that brand standards are upheld without sacrificing web performance or conversion best practices
- Translate abstract marketing goals (e.g., "we need to sound more innovative") into concrete visual realities (e.g., utilizing Webflow 3D transforms, motion graphics, or interactive modules)
- Establish and manage a formal design review process. You will lead the presentation of prototypes to non-technical stakeholders, gathering feedback efficiently and iterating rapidly while defending UX best practices
- Maintain and evolve a robust design system (utilizing tools like Figma) that serves two distinct needs: seamless, pixel-perfect technical specs for developers and an easily accessible "visual menu" for marketing teams to reference
- Ensure that components, variables, and auto-layouts in your design files mirror our Webflow environment for a clean handover, while also documenting standards for third-party tools (like Ceros or HubSpot)
- Design all systems with localization in mind from day one, ensuring layouts are flexible enough to expand for different regions, languages, and character counts
- Utilize Webflow’s interaction engine (and external libraries like GSAP where necessary) to build complex scroll animations, parallax effects, and "Scrollytelling" experiences that keep high-value users engaged longer
- Define the optimal design-to-build workflow. Whether utilizing Figma for ideation or building directly in the browser, you ensure every concept is technically sound and optimized for page speed
- While you work primarily in Webflow, you will design the visual architecture for our HubSpot landing pages and emails. You will ensure these designs are feasible within HubSpot’s limitations so the development team can implement them without friction
- Partner with the Strategy Lead to rapidly prototype A/B test variations (hero sections, pricing tables). Use heatmaps (Microsoft Clarity) and Webflow Analyze to monitor performance—if a complex animation hurts conversion, you take the initiative to simplify it
Requirements:
- A portfolio of live, production Webflow sites is required (not just static images). We need to see examples of complex interactions, clean class structures, and responsive implementations
- Advanced proficiency in Webflow, specifically with Interaction Engine (IX2) and CMS Collections. Familiarity with GSAP or custom code for advanced animations is a strong plus
- Demonstrated experience building and maintaining scalable design systems (in Figma or similar tools). You must understand how to structure Auto-Layouts, Variables, and Components so they map 1:1 to Webflow classes
- Experience working in a role where you had to translate 'brand/creative' requirements into 'web/technical' reality. You should be comfortable explaining technical constraints to non-technical creative directors or marketers
- Functional understanding of HubSpot's design modules and limitations. You don't need to be a Hubspot developer, but you must know how to design templates that are feasible for developers to build
- Familiarity with using tools like Microsoft Clarity, Hotjar, or Webflow Analyze to inform design decisions. You should be able to look at a heatmap and explain why a design needs to change