> Markdown version of [/jobs/ext/2311442-ux-ui-product-designer](https://www.wearedevelopers.com/jobs/ext/2311442-ux-ui-product-designer). 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).

---

# UX / UI Product Designer

- **Company:** Serve First CX Limited
- **Location:** Milton Keynes, UK
- **Experience:** Expert
- **Contract:** Permanent contract
- **Skills:** Artificial Intelligence, Business Analytics Applications, Cascading Style Sheets (CSS), Interaction Design, Software Prototyping, Ui Patterns, Web Content Accessibility Guidelines, Website Wireframe, ReactJS, Adobe XD, Pixel Perfect, Backend, Material UI, Figma, Front End Software Development, Heap (Data Structure)
- **Published:** August 30, 2026
- **Apply:** https://www.collegerecruiter.com/job/2815474587-ux--ui-product-designer

## About the Role

* 5+years designing complex B2B SaaS products (dashboards, workflows, admin interfaces).
 * Portfolio that shows user-centred process from research prototypes shipped UI.
 * Strong UX research chops: interviews, surveys, usability tests, heuristic reviews.
 * Mastery of Figma (or Sketch/Adobe XD/etc) and prototyping tools.
 * Comfortable working with design systems and handing off to React engineers.
 * Solid grasp of accessibility (WCAG) and responsive design principles.
 * Excellent written & verbal comms-async first., * Experience with customer feedback / survey or analytics platforms.
 * Familiarity with React component libraries (Storybook, Chakra, MUI, etc.).
 * Motion/interaction design skills (Lottie, Framer Motion).
 * Basic HTML/CSS to tinker directly in code.

## Description

* Shape end to end UX. Map and optimise critical B2B workflows (survey creation, analytics, alerting). Product journey maps, wireframes, and interactive prototypes.
 * Own the design system. Define UI patterns, components, and accessibility rules in Figma; partner with engineering for pixel perfect implementation.
 * Drive user research. Plan and run interviews, usability tests, and feedback sessions with enterprise customers; translate insights into actionable design changes.
 * Iterate relentlessly. Ship small, test, and improve. Use data (Heap, GA, in-app analytics) and qualitative feedback to refine flows.
 * Collaborate cross functionally. Work side-by-side with Product, Backend, and Frontend teams; clarify requirements, hand off specs, review builds.
 * Leverage AI wisely. Use AI design/copy tools to accelerate work, but validate everything -you own the outcome.
 * Document everything. Keep flows, components, and rationale well documented for the distributed team.


## Related Videos

- [Developing the Backend with Stefan Lingler, CTO at Shpock](https://www.wearedevelopers.com/videos/100360-developing-the-backend-with-stefan-lingler-cto-at-shpock)
- [Watch Tests Go Brrrr! : Getting Started with Cypress in ReactJS](https://www.wearedevelopers.com/videos/282-watch-tests-go-brrrr-getting-started-with-cypress-in-reactjs)
- [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)
- [UX is a fullstack job!](https://www.wearedevelopers.com/videos/1020-ux-is-a-fullstack-job)
- [Bridging the Gap](https://www.wearedevelopers.com/videos/794-bridging-the-gap)
- [Fireside Chat with Kris Rasmussen, CTO at Figma](https://www.wearedevelopers.com/videos/982-fireside-chat-with-kris-rasmussen-cto-at-figma)

## Related Articles

- [16 Best Free React UI Libraries in 2025](https://www.wearedevelopers.com/magazine/148-16-best-free-react-ui-libraries-in-2025)
- [The future is here: How artificial intelligence is influencing UX design](https://www.wearedevelopers.com/magazine/65-the-future-is-here-how-artificial-intelligence-is-influencing-ux-design)
- [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front)
- [Top 7 CSS Frameworks in 2025](https://www.wearedevelopers.com/magazine/362-top-7-css-frameworks-in-2025)
- [10 Essential Figma Plugins for Frontend Developers in 2023](https://www.wearedevelopers.com/magazine/262-10-essential-figma-plugins-for-frontend-developers-in-2023)
- [Dev Digest 120 - Apple and peers](https://www.wearedevelopers.com/magazine/455-dev-digest-120-apple-and-peers)