Front-End Developer — Design System & Pixel-Perfect UI

Focus Group

Swinton

Hybrid

GBP 42,000 - 62,000

Full time

12 days ago
Application generator

Don’t send a generic resume — generate a resume and cover letter tailored to this exact role.

Get past ATS filters

Job summary

Focus Group is mid-way through a full website rebuild and is seeking a Front-End Developer who genuinely cares about the details. You'll help build the design system and component library from the ground up, working in Tailwind CSS with real creative input alongside our designers.

We're looking for someone with strong front-end experience, an eye for UX/UI, and a practical approach to performance and accessibility.

Qualifications

  • Strong commercial front-end experience with real UX/UI sensibility.
  • 5
  • Tailwind CSS experience preferred; build efficiently with minimal custom CSS.
  • Proficiency in HTML5, CSS3 and modern JavaScript.
  • Solid understanding of UX/UI principles: layout, accessibility (WCAG), responsive and interaction design.
  • Experience turning Figma designs into pixel-perfect front-end code.
  • Understanding of front-end performance and Core Web Vitals.
  • Proficient with Git and collaborative version control workflows.

Responsibilities

  • Build and maintain responsive, accessible front-end templates and components in Statamic CMS (Antlers/Blade templating).
  • Turn Figma designs into production-ready Tailwind CSS.
  • Build and own a design system and component library for site consistency.
  • Optimize performance: page speed, Core Web Vitals, image and asset optimization.
  • Attention to detail in spacing, typography, interaction states, animations.
  • Create flexible, editor-friendly page blocks for content and marketing teams.
  • Support ongoing site work: navigation, landing pages, campaign microsites.
  • Keep code clean, documented, and version-controlled in Git.

Skills

UX/UI sensibility
Responsive design
Accessibility (WCAG)
Problem solving

Tools

Git
Tailwind CSS
Statamic CMS (Antlers/Blade)
Figma

Job description

Focus Group is mid-way through a full website rebuild and is seeking a Front-End Developer who genuinely cares about the details. You'll help build the design system and component library from the ground up, working in Tailwind CSS with real creative input alongside our designers.

We're looking for someone with strong front-end experience, an eye for UX/UI, and a practical approach to performance and accessibility.

Get your free, confidential resume review.
or drag and drop your file here.
Similar jobs

Similar jobs worth comparing

Front-End Developer: Design System & Tailwind UI
Front-End Developer: Design System & Tailwind UI

Focus Group • Wolverton

Hybrid
GBP 45,000 - 65,000
Front-End UI Engineer: Build a Design System in Tailwind
Front-End UI Engineer: Build a Design System in Tailwind

Focus Group • Swinton

Hybrid
GBP 45,000 - 70,000
Front-End Developer
Front-End Developer

Focus Group • Swinton

Hybrid
GBP 45,000 - 70,000
Front-End Developer
Front-End Developer

Focus Group • Wolverton

Hybrid
GBP 45,000 - 65,000
Front-End Developer
Front-End Developer

Focus Group • Milton Keynes

Hybrid
GBP 50,000 - 70,000
Front-End Developer
Front-End Developer

Focus Group • Birmingham

Hybrid
GBP 45,000 - 65,000
Front-End Developer
Front-End Developer

Focus Group • Swinton

Hybrid
GBP 42,000 - 62,000
Hybrid Front-End Engineer: Design System & Tailwind
Hybrid Front-End Engineer: Design System & Tailwind

Focus Group • Birmingham

Hybrid
GBP 45,000 - 65,000
Frontend Developer
Frontend Developer

Elixirmark • Glasgow

On-site
GBP 35,000 - 50,000
Front-End Developer
Front-End Developer

Global One • Greater London

On-site
GBP 40,000 - 60,000