This is a remote position.
About the RoleA 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.
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
Solid understanding of WCAG and semantic HTML
Experience building SEO-friendly front-end architecture
Skills in performance optimization, including asset optimization
Effective collaboration with UI/UX teams to bring Figma prototypes to life
Clear and concise documentation skills
Experience working in Agile/Scrum environments
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
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
Fully remote role ( Hourly Based)
Opportunity to build a scalable design system from the ground up
Collaborative team with strong design and development culture
Exposure to modern tech stacks and CMS platforms (e.g., Umbraco, React)
Work with a forward-thinking UK-based company in the employer marketing space
