> Markdown version of [/jobs/ext/1418362-front-end-developer](https://www.wearedevelopers.com/jobs/ext/1418362-front-end-developer). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# Front End Developer

- **Company:** Phos Ltd
- **Location:** Hatfield, UK
- **Experience:** Experienced
- **Salary:** £32,000.0 - £40,000.0
- **Contract:** Permanent contract
- **Skills:** Google Analytics, Design of User Interfaces, Next.js, Shopify, TypeScript, User-Centered Design, Web Applications, Website Wireframe, Adobe XD, Material UI, Figma, Front End Software Development, Hubspot, User Administration
- **Published:** July 24, 2026
- **Apply:** https://uk.indeed.com/viewjob?jk=1e7499e992dc445a

## About the Role

Essential

 * 3+ years' experience in UX/UI Design
 * Next.js (Typescript)
 * Tailwind.css
 * Strong portfolio demonstrating UX thinking and polished UI
 * Advanced knowledge of Figma / Adobe XD
 * Experience creating design systems and component libraries
 * Wireframing and prototyping experience
 * Understanding of responsive and mobile-first design
 * Experience working alongside developers
 * Strong understanding of user-centred design principles
 * Excellent communication and collaboration skills
 * Ability to manage multiple projects simultaneously

Desirable

 * Shopify experience
 * API Integration familiarity
 * Experience working on B2B websites
 * Experience designing customer portals or web applications
 * Familiarity with CRM platforms such as HubSpot
 * Understanding of GA4, Hotjar or Microsoft Clarity
 * Basic understanding of HTML/CSS
 * Experience with product configurators or complex digital products
 * Experience working within manufacturing or engineering businesses

## Description

This is an exciting opportunity for a Front-end Developer with a strong UX/UI sensibility who enjoys solving complex user problems and creating intuitive digital experiences.

You'll work closely with our Marketing, Development and Design teams to improve every touchpoint across our digital ecosystem - from our website and customer portal to product configurators and CRM interfaces.

You'll own the user experience from research and wireframing through to polished UI designs ready for development.

What You'll Be Working On

 * Complete redesign and ongoing optimisation of the Phos website
 * Customer portal experience
 * Product configurator user journeys
 * CRM interfaces and dashboards
 * Digital tools for architects, lighting designers and distributors
 * Design systems and reusable UI components
 * Mobile-first digital experiences
 * Accessibility improvements
 * User testing and continuous UX improvements

Responsibilities

 * Create user journeys, wireframes and interactive prototypes
 * Design high-quality UI using Figma
 * Build and maintain a scalable Figma component library
 * Develop and evolve the Phos Design System
 * Conduct user research and usability testing
 * Analyse user behaviour using analytics and customer feedback
 * Ensure accessibility best practices are embedded throughout the design process
 * Collaborate closely with developers to ensure designs are implemented accurately
 * Produce developer-ready handoffs with clear specifications and assets
 * Continuously improve the user experience through testing and iteration
 * Stay up to date with UX trends, accessibility standards and design best practices


## Related Videos

- [Bridging the Gap](https://www.wearedevelopers.com/videos/794-bridging-the-gap)
- [GraphQL + Apollo + Next.js: A Lovely Trio](https://www.wearedevelopers.com/videos/311-graphql-apollo-next-js-a-lovely-trio)
- [WeAreDevelopers LIVE - Markdown, Liquid and Checkouts](https://www.wearedevelopers.com/videos/1814-wearedevelopers-live-markdown-liquid-and-checkouts)
- [Boost Productivity with AI: Figma & Playwright MCP Workflows - Aris Markogiannakis](https://www.wearedevelopers.com/videos/1768-boost-productivity-with-ai-figma-playwright-mcp-workflows-aris-markogiannakis)
- [Teini - an extremely small webshop leveraging awesome and free tech](https://www.wearedevelopers.com/videos/286-teini-an-extremely-small-webshop-leveraging-awesome-and-free-tech)
- [From Zero to Hero: NextJS 13 and Tailwind CSS for Beginners](https://www.wearedevelopers.com/videos/766-from-zero-to-hero-nextjs-13-and-tailwind-css-for-beginners)

## Related Articles

- [Frontend Developer Salary in The UK](https://www.wearedevelopers.com/magazine/233-frontend-developer-salary-in-the-uk)
- [16 Best Free React UI Libraries in 2025](https://www.wearedevelopers.com/magazine/148-16-best-free-react-ui-libraries-in-2025)
- [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front)
- [Frontend Developer Salary in Germany [2023]](https://www.wearedevelopers.com/magazine/195-frontend-developer-salary-in-germany-2023)
- [The Best 7 Frontend Frameworks for Developers in 2025](https://www.wearedevelopers.com/magazine/400-the-best-7-frontend-frameworks-for-developers-in-2025)
- [25 Essential Tools for Front End Developers](https://www.wearedevelopers.com/magazine/210-25-essential-tools-for-front-end-developers)