Senior Front-End Developer

This is a remote position.

About the Role

A UK-based company is seeking an experienced Senior Front-End Developer to help build a scalable, component-based design system based on Figma designs. You will play a key role in translating UX/UI concepts into reusable, production-ready code that will be integrated into the Umbraco CMS by back-end developers.

This is a remote position based in the UK, working closely with cross-functional teams, including UI/UX designers and back-end developers. The ideal candidate will bring a deep understanding of front-end technologies and a passion for clean, maintainable code.

Responsibilities

• Translate Figma designs into responsive, accessible front-end components

• Build modular, reusable UI components based on atomic design principles

• Ensure pixel-perfect, mobile-first implementation with cross-browser compatibility

• Develop a component-based design system that supports multi-site/brand consistency

• Work closely with UI/UX designers to implement Figma prototypes faithfully

• Write clear documentation and usage guidelines for handover to the Umbraco CMS team

• Maintain front-end performance through best practices like lazy loading and code splitting

• Ensure compliance with WCAG accessibility standards, including ARIA roles and keyboard navigation

• Participate in Agile/Scrum workflows and collaborate via version control systems

Requirements

1. Core Technical Skills

a) Front-End Development

• Strong expertise in HTML5, CSS3 (SCSS/SASS), and modern JavaScript (ES6+)

• Experience with TypeScript for scalable component development

• Proficiency in React, Vue.js, or Angular (React preferred)

• Understanding of Razor views and integration with Umbraco CMS

b) Design System & Component Libraries

• Experience building reusable UI components using Storybook or similar tools

• Knowledge of atomic design principles

• Ability to work with design tokens, theming, and style guides

c) Styling & Layout

• Expertise in responsive, mobile-first design using Flexbox and CSS Grid

• Knowledge of CSS architecture methodologies (BEM, ITCSS, Tailwind)

• Strong focus on pixel-perfect implementation

d) Tooling & Workflow

• Familiar with build tools like Webpack, Vite, or Gulp

• Experience with Git and repositories (GitHub, Bitbucket, Beanstalk)

• Familiarity with npm, Yarn, or pnpm

• Understanding of CI/CD pipelines and best practices for handover

2. Accessibility & Performance

• Solid understanding of WCAG and semantic HTML

• Experience building SEO-friendly front-end architecture

• Skills in performance optimization, including asset optimization

3. Collaboration Skills

• Effective collaboration with UI/UX teams to bring Figma prototypes to life

• Clear and concise documentation skills

• Experience working in Agile/Scrum environments

Nice-to-Haves

• Familiarity with Umbraco CMS front-end integration

• Experience with headless CMS setups (e.g., Umbraco Heartcore)

• Knowledge of testing frameworks: Jest, Cypress, or Playwright

• Experience with internationalization (i18n) in front-end builds

Soft Skills

• Strong eye for detail and passion for clean, maintainable code

• Ability to anticipate back-end integration needs

• Clear communication across design, development, and stakeholder teams

Benefits