UX Front End Developer

Austin Banks; Sheffield; On-site; GBP 35,000 - 45,000; Full time

Job summary

A technology firm in Sheffield seeks a UX Front End Developer to create high-performance web applications. In this role, you will work closely with cross-functional teams to implement UI/UX designs, ensuring compliance with accessibility standards. Ideal candidates will have a strong background in HTML, CSS, JavaScript, and React. The position offers competitive pay and career progression opportunities.

Benefits

Career progression opportunities

Discounts on bars and restaurants

Regular company events

Free on-site parking

Contributory pension scheme

Generous annual leave allowance

Qualifications

• 3 years of experience in front-end development with a strong UX focus.
• Experience working with .NET-backed applications.
• Regular use of Git and GitHub Actions.

Responsibilities

• Implementing UI/UX designs.
• Translating designs from Figma or Sketch into pixel-perfect web pages.
• Building reusable React components.

Skills

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

Bootstrap 5: Skilled in custom theming

.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

Git: Clean commit history, branching, rebasing

Accessibility: Knowledge of WCAG 2.1 and ARIA

Education

At least 3 years' experience in front-end development

Evidence of live sites or GitHub repos demonstrating React

Tools

GitHub Actions: Experience with CI pipelines

VS Code / Visual Studio: Confident in configuring settings

Testing: Jest, React Testing Library

Job description

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