Senior Web Design Engineer

About the role

The Web Design Engineer plays a pivotal role in the construction of Absorblms.com, blending visual design and front-end engineering to deliver production-ready web experiences that are semantically correct, accessible, performant, and visually refined. This role collaborates closely with designers, content strategists, demand generation, and developers to ensure that everything released on the site meets high standards.

Responsibilities

• 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.
• Create 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.

Requirements

• 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.
• 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.
• Familiarity with browser DevTools for layout, performance, accessibility, and network debugging.
• Familiarity with Figma as a source of truth for design handoff.
• 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.

Qualifications

• Fluency in JavaScript, including the ability to author Web Components and small interactive modules without a framework.
• Experience with web accessibility best practices, including semantic HTML, heading structure, focus management, keyboard interaction, reduced-motion considerations, and appropriate ARIA usage.
• Experience with SEO-relevant implementation considerations, including semantic structure, metadata, heading hierarchy, crawlable content, and content visibility.

Skills

• HTML
• CSS
• JavaScript
• Web Accessibility (WCAG)
• Core Web Vitals
• Responsive Design
• Accessibility Best Practices
• Performance Optimization
• Web Development Tools (DevTools)
• Visual Design
• Interactive Component Development
• A/B Testing
• SEO Implementation

Benefits

• Flexible Work Arrangements
• Comprehensive Health and Wellness Benefits
• New Hire Equipment Allowance and Monthly Flex Allowance
• Endless Opportunity for Career Growth and Internal Mobility
• Employee Driven DE&I Programs

Pay

Competitive compensation package based on experience and qualifications.

Schedule

Full-time, remote-first work schedule.