Front-end Development Engineer – Digital Standards Guide Team

Role Overview

• Develop, test, review, and maintain front‑end components and patterns using HTML, CSS/Sass, JavaScript, and ARIA to meet accessibility standards.
• Build reusable, flexible, and scalable UI components and patterns aligned to DSG guidelines and Securian’s brand.
• Support the component lifecycle, including intake, development, QA, accessibility audit, iteration, and release.
• Collaborate closely with UX designers, accessibility specialists, analytics partners, and product teams to build solutions that meet user needs.
• Participate in design reviews, provide engineering perspective, and advise teams adopting DSG components.
• Contribute to technical documentation, usage guidance, best practices, and migration/support materials for developers and designers.
• Assist in maintaining and improving internal DSG resources, including documentation sites and onboarding materials.
• Stay up to date on modern front‑end standards, accessibility guidelines, and design system best practices. Identify opportunities to enhance component quality, performance, scalability, and accessibility.

Requirements

• 2+ years of experience with front‑end development using HTML, CSS/Sass, and JavaScript.
• Strong understanding of semantic markup, accessibility fundamentals, and ARIA.
• Experience building reusable, maintainable front‑end components or UI patterns.
• Proficiency with version control systems (preferably Git, GitHub).
• Ability to self‑manage workload, prioritize tasks, and meet deadlines with minimal supervision.
• Clear verbal and written communication skills; strong collaboration mindset.
• Creative problem‑solver with a results‑oriented approach.
• Preferred Qualifications: Experience with design systems or component library development. Knowledge of WCAG 2.x guidelines and experience writing Level AA‑compliant code. Experience with modern build tools such as npm, Webpack, Rollup, or Vite. Familiarity with Adobe Experience Manager (AEM). Experience writing automated tests (unit, visual regression, accessibility). Experience with CSS preprocessors or frameworks (LESS, Sass). Familiarity with Web Components and component‑driven architectures.

Tech Stack

• AEM
• JavaScript
• SCSS
• Webpack

Benefits

• Health insurance: From the first day of employment, associates and their eligible family members – including spouses, domestic partners and children – are eligible for medical, dental and vision coverage.
• Paid time off: We want you to take time off for what matters most to you. Our PTO program provides flexibility for associates to take meaningful time away from work to relax, recharge and spend time doing what’s important to them.
• Leave programs: Securian’s flexible leave programs allow time off from work for parental leave, caregiver leave for family members, bereavement and military leave.
• Holidays: Securian provides nine company paid holidays.
• Company-funded pension plan and a 401(k) retirement plan: Share in the success of our company. Securian’s 401(k) company contribution is tied to our performance up to 10 percent of eligible earnings, with a target of 5 percent. The amount is based on company results compared to goals related to earnings, sales and service.
• Volunteer time: We know the importance of community. Through company-sponsored events, volunteer paid time off, a dollar-for-dollar matching gift program and more, we encourage you to support organizations important to you.
• Associate Resource Groups: Build connections, be yourself and develop meaningful relationships at work through associate-led ARGs. Dedicated groups focus on a variety of interests and affinities, including: Mental Wellness and Disability Pride at Securian Financial Securian Young Professionals Network Securian Multicultural Network Securian Women and Allies Network Servicemember Associate Resource Group.