Senior Web Design Engineer

Absorb Software

Web Design Engineer creating engaging production-ready web experiences for marketing. Leading the implementation of marketing website components and collaborating with design and development teams.

Posted 7/9/2026full-timeRemote • California • 🇺🇸 United StatesSeniorWebsite

Core Competencies

Role fit

Core Competencies

Use this summary to align your resume positioning with the role.

Demonstrates extensive experience in building production web interfaces with a strong focus on semantic HTML, modern CSS, and JavaScript. Proficient in optimizing front-end performance and accessibility while collaborating effectively across design, engineering, and marketing teams.

Highest-signal resume keywords

Semantic HTML ProficiencyModern CSS ExpertiseJavaScript DevelopmentWeb Accessibility ImplementationCore Web Vitals Optimization

ATS Keywords

Tailor your resume

Applicant Tracking System Keywords

Tip: use these terms in your resume and cover letter to boost ATS matches.

Hard Skills

Semantic HTMLModern CSSJavaScriptWeb ComponentsCSS GridFlexboxImage OptimizationPerformance OptimizationA/B TestingSEO Implementation

Soft Skills

Attention to DetailStrong CommunicationCollaboration

Tools & Technologies

FigmaWebflowBrowser DevTools

Industry Keywords

WCAGCore Web VitalsResponsive DesignConversion OptimizationDesign Systems

Tech Stack

Tools & technologies

JavaScriptNext.js

About the role

Key responsibilities & impact

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.

Requirements

What you’ll need

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.

Benefits

Comp & perks

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 🫶