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