UX Front End Developer

UX Front End Developer
Sheffield
Full time, Permanent.
£35,000 - £50,000 DOE
Monday – Friday
We are hiring a UX Front-End Developer to help us deliver accessible, high-performance web applications. You’ll be part of a cross-functional product team, working closely with designers, back-end engineers, and stakeholders to bring designs to life and ensure smooth integrations.
As a UX Front End Developer you will be responsible for:
Translating designs from Figma or Sketch into pixel-perfect, responsive web pages.
Ensuring the front end looks and behaves exactly as intended across devices and browsers.
Creating a well-documented component library using React and Storybook.
Styling with Bootstrap 5, while maintaining flexibility for custom themes and utilities.
Versioning and maintaining components through Git.
Building clean and strongly typed API calls using Axios or Fetch.
Implementing robust error handling and secure authentication flows.
Delivering interfaces that comply with WCAG 2.1 AA standards.
Achieving Lighthouse performance, accessibility, and best practice scores of 90% or above for every release.
Taking part in daily stand-ups, sprint planning, demos, and retrospectives.
Working closely with team members to deliver features iteratively and efficiently.
Using Jest and React Testing Library for unit testing.
Running end-to-end tests with Cypress or Playwright.
Maintaining at least 80% test coverage across projects.
Configuring and running GitHub Actions pipelines.
Automating linting, testing, building, and deployment processes with no manual steps.
Reviewing pull requests thoroughly and constructively.
Enforcing coding standards, type safety, and documentation.
Hosting brown-bag sessions on best practices (e.g. Git workflows, VS Code tips, performance tuning).
Supporting less experienced developers through guidance and feedback.
Staying up to date with front-end frameworks, tools, and design system trends.
Proposing practical improvements to enhance our developer experience and product quality.
Benefits:
Career progression opportunities with a clear development path.
Discounts on bars and restaurants across Sheffield.
Regular company events
Free on-site parking
A contributory pension scheme.
Generous annual leave allowance
Required technical skill set:
HTML5 / CSS3: Demonstrable production code and portfolio links.
JavaScript (ES6+): Minimum 2 years’ experience using modern syntax.
React (functional components and hooks): Real-world applications and component libraries.
Bootstrap 5: Skilled in custom theming and utility classes.
.NET (C#) & ASP.NET Core: Integrated front-end/back-end projects.
TypeScript: Experience delivering fully typed React applications.
State management: Redux, Context API, or similar—used in shipped features.
Git: Clean commit history, branching, rebasing, and PR workflow.
GitHub Actions: Experience with CI pipelines that lint, test, and build.
VS Code / Visual Studio: Confident in configuring settings, extensions, and launch configs.
Accessibility: Knowledge of WCAG 2.1 and ARIA, with audit/test results as evidence.
Testing: Jest, React Testing Library, and Cypress/Playwright, including coverage reports.
Build tools: Webpack or Vite, npm or Yarn, with a focus on optimised bundles and code-splitting.
CI/CD: Experience with GitHub Actions or Azure DevOps for automated deployments.
Desirable skills:
Experience with design systems (Storybook, Pattern Lab).
GraphQL and Apollo.
Next.js (SSR/SSG).
Building Progressive Web Apps (PWA).
Performance profiling using Core Web Vitals or Chrome DevTools.
Docker for front-end containers.
UX research (user testing, usability studies).
Education and experience
At least 3 years’ experience in front-end development, with a strong UX focus.
At least 2 years’ experience working with .NET-backed applications.
Evidence of live sites or GitHub repos demonstrating React, Bootstrap 5, accessibility, and responsive design.
Regular use of Git, GitHub Actions, and VS Code / Visual Studio in a collaborative team environment.
Tools and environment
You’ll be working with a modern development environment that includes:
Design tools: Figma, Sketch, Adobe XD.
Development tools: VS Code (with ESLint, Prettier, GitLens) and Visual Studio (for .NET).
Version control: Git with feature branch workflows and protected main branches.
CI/CD: GitHub Actions for linting, testing, building, and deploying.
Package managers: npm and Yarn.
Testing frameworks: Jest, React Testing Library, Cypress, and Playwright.
Project management: Tiega.
Cross-browser testing: Chrome, Edge, Firefox, Safari, and BrowserStack