Senior Web Design Engineer

Posted Yesterday
Be an Early Applicant
Hiring Remotely in CAN
Remote
Senior level
Edtech
The Role
Lead implementation of the marketing website in Webflow and code, translating Figma into accessible, performant, semantically correct front-end components, building reusable patterns, Web Components, and contributing to Next.js apps and shared libraries while optimizing performance, accessibility, and SEO.
Summary Generated by Built In

"The Marketing team is poised for unprecedented growth and opportunity. We're in a very unique position where we've experienced tremendous success but are far from exhausting the whitespace around us. There is a unique opportunity to join a rising organization and make a significant and immediate impact." Mark Lynch - Senior Director, Demand Generation

The Web Design Engineer leads the construction of our marketing website, blending visual design and front-end engineering to create production-ready web experiences that are semantically correct, accessible, performant, and visually refined. This role collaborates with designers, content strategists, demand generation, and our developer to elevate everything we release on absorblms.com, oversees implementation of components and pages in our Webflow-based stack, and shapes the architecture and reusable patterns for the team.

 

Unlike traditional IDE-only front-end roles, most production work is done in Webflow's visual development environment, requiring strong skills in HTML, CSS, DOM structure, responsive design, accessibility, browser performance, and client-side behavior. The ideal candidate is a browser-native web design engineer who cares about the quality of what ships.

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 you’ll bring:

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

Are you ready to become an Absorber?

What we offer:

  • 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 🫶

Who are we?

Absorb Software is the leading global AI-driven learning platform provider, helping organizations unlock the full potential of their workforce. With its innovative Strategic Learning Systems (SLS) approach, Absorb empowers businesses to align learning with strategic goals, driving measurable impact and workforce agility. The Absorb LMS platform delivers personalized, scalable, and engaging learning experiences for employees, customers, and partners worldwide. Trusted by over 3,300 organizations and 34 million users, Absorb is redefining the future of workplace learning through cutting-edge AI, seamless integrations, and an unwavering commitment to innovation. We empower learners to enrich their lives, workplaces and communities.

Our values are simple:

  • We achieve exceptional results by genuinely caring about each other and the work we do

  • We’re united, and we grow through our commitment to elevating continual learning!

AI @ Absorb

We believe in the power of AI and technology to make learning accessible to everyone. By exploring new tools and constantly experimenting, we’re redefining what’s possible. We take an AI‑first approach to unlock human potential, drive impact, and scale better outcomes. As the world evolves, Absorb is committed to growing with you. Investing in your skills every step of the way.

We use AI tools to support our recruitment process, such as organizing applications and highlighting potential matches based on role requirements. While these tools help streamline our review, all screening and final hiring decisions are made by our recruitment team. We encourage candidates to apply authentically and not rely solely on AI-generated responses in their applications.

Absorb is proud to be an equal opportunity employer, we celebrate diversity and are committed to creating a safe and inclusive environment for all our people. All employment decisions are based on business needs, job requirements and individual qualifications. Should you require any accommodation during the recruitment process, please indicate this on your application and we will work with you to meet your accessibility needs. For any questions, please contact us at [email protected]

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.

Skills Required

  • 8+ years of professional experience building production web interfaces
  • Deep proficiency in semantic HTML and modern CSS (grid, flexbox, custom properties, container queries, logical properties)
  • Working proficiency in JavaScript, including authoring Web Components and vanilla JS modules
  • Practical understanding of web accessibility (WCAG) implemented as craft
  • Strong understanding of Core Web Vitals and front-end performance optimization
  • Comfort and experience working in Webflow (visual authoring)
  • Fluency with Browser DevTools for layout, performance, accessibility, and network debugging
  • Familiarity with Figma for design handoff
  • Understanding of SEO-relevant implementation (semantic structure, metadata, heading hierarchy)
  • Strong visual eye, attention to detail, communication, and cross-functional collaboration skills
Am I A Good Fit?
beta
Get Personalized Job Insights.
Our AI-powered fit analysis compares your resume with a job listing so you know if your skills & experience align.

The Company
HQ: Calgary, AB
449 Employees
Year Founded: 2003

What We Do

Absorb Software is a learning technology company based in Calgary, Alberta Canada, with offices in London, Dublin, Tampa, Boston, Salt Lake City and Sydney. Absorb offers both Absorb Infuse, the first Learning Experience Platform (LXP) to offer a true in-the-flow learning experience, and our flagship product, Absorb LMS, an industry-leading and award-winning Learning Management System for businesses, higher education, government and non-profit agencies around the world. Absorb is setting new standards in learning technology and support, fueling companies who believe that people are their greatest asset. We exceed expectations across enterprises, industries and continents, helping people learn at the speed of now and preparing companies for the future of work. How do we do it better? We pay attention to the details and go deep where it matters. Turning a culture of learning into a revenue engine for global titans the world over. Care to join us?

Similar Jobs

DraftKings Logo DraftKings

Player Development Executive

Digital Media • Gaming • Information Technology • Software • Sports • Esports • Big Data Analytics
Remote or Hybrid
Alberta, AB, CAN
6400 Employees

DraftKings Logo DraftKings

VIP Host, Alberta

Digital Media • Gaming • Information Technology • Software • Sports • Esports • Big Data Analytics
Remote or Hybrid
Alberta, AB, CAN
6400 Employees

Toast Logo Toast

Staff Software Engineer

Cloud • Fintech • Food • Information Technology • Software • Hospitality
Remote
Canada
5000 Employees
175K-220K Annually

Acquia Logo Acquia

Artificial Intelligence Engineer

AdTech • Cloud • Marketing Tech • Productivity • Software • Analytics • Automation
Easy Apply
Remote or Hybrid
Canada
1100 Employees

Similar Companies Hiring

ReUp Education Thumbnail
Social Impact • Edtech
Austin, TX
180 Employees
Learneo Thumbnail
Software • Machine Learning • Edtech • Artificial Intelligence
NL
397 Employees
CodePath.org Thumbnail
Edtech • Social Impact
San Francisco, CA
55 Employees

Sign up now Access later

Create Free Account

Please log in or sign up to report this job.

Create Free Account