UX Front End Developer

UX Front End Developer

Sheffield

Full time, Permanent.

£35,000 - £45,000

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

 

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.

 

As a UX Front End Developer you will be responsible for:

 

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.