Overview
UX Front End Developer – Sheffield
Full time, Permanent.
Salary: £35,000 - £45,000
Schedule: Monday - Friday
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
About the role
We are looking for a UX Front-End Developer with a passion for building accessible, high-performance web applications that put users first. You\'ll work at the heart of our product teams, collaborating closely with designers, back-end engineers, and stakeholders to deliver seamless experiences.
This role suits someone who thrives on detail—whether that\'s creating pixel-perfect interfaces from design files, enforcing accessibility standards, or ensuring smooth integrations with back-end services.
Responsibilities
* Implementing UI/UX designs
* 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.
* Building reusable React components
* 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.
* Integrating with ASP.NET Core services
* Building clean and strongly-typed API calls using Axios or Fetch.
* Implementing robust error handling and secure authentication flows.
* Enforcing accessibility and performance
* 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.
* Collaborating in Agile teams
* Taking part in daily stand-ups, sprint planning, demos, and retrospectives.
* Working closely with team members to deliver features iteratively and efficiently.
* Writing automated UI tests
* 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.
* Maintaining CI/CD pipelines
* Configuring and running GitHub Actions pipelines.
* Automating linting, testing, building, and deployment processes with no manual steps.
* Code quality and reviews
* Reviewing pull requests thoroughly and constructively.
* Enforcing coding standards, type safety, and documentation.
* Mentorship and knowledge sharing
* Hosting brown-bag sessions on best practices (e.g. Git workflows, VS Code tips, performance tuning).
* Supporting less experienced developers through guidance and feedback.
* Continuous improvement
* Staying up to date with front-end frameworks, tools, and design system trends.
* Proposing practical improvements to enhance our developer experience and product quality.
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
#J-18808-Ljbffr