Skip to main content
Absorb

Senior Web Design Engineer

RemoteUnited States only
Published
Role
Frontend
Experience
Lead
Employment
Full-time
Salary not disclosed
Check eligibility

Open to US only. Set where you work from to check your eligibility.

No BS summary

Senior Web Design Engineer with 8+ years of experience in HTML, CSS, and JavaScript, focusing on visual design and front-end engineering for marketing websites. Must be proficient in Webflow, Figma, and browser DevTools, with a strong understanding of accessibility and performance. Role involves translating designs into production-ready web experiences and contributing to Next.js applications.

Core skills

HTMLCSSWebflow

Required skills

DOM structureresponsive designaccessibilitybrowser performanceJavaScriptWeb Componentsvanilla JavaScript modulesNext.jsFigmaWCAGCore Web VitalsSEO

What you'll do

  • Implement marketing website components, layouts, and pages to a high standard of HTML semantics, CSS quality, accessibility, performance, and visual polish.
  • Translate Figma designs into production web output, partnering with designers to refine responsive behavior, spacing, type, hierarchy, motion, and interaction details before and during implementation.
  • Own the quality bar for production web output, including reviewing work produced by other team members and helping establish standards, patterns, and reusable components.
  • Build custom interactive components – including Web Components and vanilla JavaScript modules – where the intersection of design craft and engineering is required.
  • Implement simple motion and animation as part of component and page work (e.g., CSS transitions, menu fade-ins, hover and focus states, lightweight interactions).
  • Contribute to our Next.js applications and shared component library (via Webflow DevLink) to keep design and behavior consistent across the marketing site and custom web apps.
  • Diagnose and resolve front-end issues using browser DevTools, including layout, rendering, performance, accessibility, and cross-browser problems.
  • Optimize Core Web Vitals and page load performance, including responsive image strategies, resource hints, render-blocking mitigation, script loading, and minimizing layout shift.
  • Implement accessibility best practices, including semantic HTML, heading structure, focus management, keyboard interaction, reduced-motion considerations, and appropriate ARIA usage.
  • Implement and QA A/B tests, personalization experiences, and conversion optimization experiments in partnership with marketing stakeholders.
  • Help reduce fragile one-off implementations by creating durable, reusable patterns and clear standards across components, layouts, and interactions.
  • Partner with the Content and Demand Gen teams as a technical resource for advanced layout, component, and interaction questions.
  • Contribute to the architecture and reusable patterns that underpin the marketing stack, including component design, CSS variable systems, and interaction patterns.
  • Make pragmatic trade-off decisions that balance design intent, engineering quality, timeline, and business impact.

What they require

  • 8+ years of professional experience building production web interfaces at the intersection of design and front-end engineering.
  • Deep proficiency in semantic HTML and modern CSS, including grid, flexbox, custom properties, container queries, logical properties, and the full selector vocabulary.
  • Strong visual eye, with the ability to translate Figma designs faithfully and to identify and refine issues with spacing, type, hierarchy, alignment, imagery, interaction states, and responsive behavior.
  • Working proficiency in JavaScript, including the ability to author Web Components and small interactive modules without a framework.
  • Practical understanding of web accessibility (WCAG), implemented as a matter of craft rather than checklist.
  • Strong understanding of Core Web Vitals and front-end performance, including image optimization, resource prioritization, layout stability, and the critical rendering path.
  • Comfort working in visual web authoring tools (e.g., Webflow) in addition to code editors, with a pragmatic view of choosing the right tool for the job.
  • Fluency in browser DevTools for layout, performance, accessibility, and network debugging.
  • Familiarity with Figma as a source of truth for design handoff.
  • Strong understanding of SEO-relevant implementation considerations, including semantic structure, metadata, heading hierarchy, crawlable content, and content visibility.
  • Excellent attention to detail, strong communication skills, and the ability to collaborate across design, engineering, content, and marketing functions.
  • Ability to challenge implementation approaches constructively and explain technical trade-offs to non-technical stakeholders.
  • Successful candidates for this position will be subject to pre-employment background screening, including a criminal record check and must be able to show proof of legal eligibility to work in the country they have applied to without sponsorship.

Benefits

  • Fully remote-first work with flexible work arrangements 🏡
  • Comprehensive Health and Wellness Benefits including retirement savings programs, eligibility for two different bonus plans, generous time off, comprehensive medical and dental benefits based on your country of location 🧘
  • New Hire Equipment Allowance and monthly Flex Allowance to support your success 📦
  • Endless opportunity for career growth and internal mobility 🌱
  • Employee driven DE&I programs 🫶

Absorb Software is a global AI-driven learning platform provider helping organizations align learning with strategic goals through its Absorb LMS platform.

EdTechMid-size
Salary not disclosed