Senior Front-End Developer

Job Description 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 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