UX / UI Product Designer

📍 Job Overview

Job Title: UX / UI Product Designer

Company: Serve First CX Limited

Location: Milton Keynes, United Kingdom

Job Type: Full-time

Category: Product Design / UX/UI

Date Posted: 2026-07-26

Experience Level: 5-10 years

Remote Status: Hybrid

🚀 Role Summary

• End-to-End Product Experience Ownership: This role demands comprehensive ownership of the entire product user experience, from initial concept and user journey mapping to final interface design and post-launch iteration. Emphasis is placed on optimizing critical B2B workflows within a fast-paced startup environment.

• Design System Development and Governance: A key responsibility is to establish, define, and maintain a robust design system. This includes creating UI patterns, reusable components, and clear accessibility standards, ensuring consistency and scalability across the product.

• User-Centric Research and Iteration: The position requires a proactive approach to user research, utilizing methods like interviews, usability testing, and feedback sessions to gather actionable insights. These insights will directly inform design decisions and drive continuous product improvement cycles.

• Cross-Functional Collaboration and Agile Development: This role necessitates close collaboration with Product Management, Backend, and Frontend Engineering teams. The designer will be integral to the agile development process, clarifying requirements, delivering precise design specifications, and reviewing implemented builds to ensure pixel-perfect execution.

📝 Enhancement Note: While the title is "UX / UI Product Designer," the responsibilities heavily lean into product ownership and strategic design, indicating a senior-level role where the designer is expected to influence product direction and not just execute visual designs. The emphasis on "end-to-end product experience" and "owning the design system" suggests a significant level of autonomy and strategic input expected from the candidate.

📈 Primary Responsibilities

• Map and Optimize B2B Workflows: Conduct thorough analysis and design of critical business-to-business workflows, including survey creation, analytics dashboards, and AI-driven alerting systems, ensuring efficiency and user satisfaction.

• Define and Implement Design System: Develop and maintain a comprehensive design system in Figma, encompassing UI patterns, component libraries, style guides, and accessibility (WCAG) standards for consistent and scalable product development.

• Conduct User Research and Usability Testing: Plan, execute, and analyze user research initiatives, including customer interviews, surveys, usability tests, and heuristic reviews, to gather deep user insights.

• Create Wireframes and Interactive Prototypes: Translate user needs and product requirements into detailed wireframes, user journey maps, and interactive prototypes for stakeholder review and user validation.

• Collaborate with Engineering Teams: Work closely with backend and frontend engineers to ensure seamless design handoffs, provide clear specifications, and conduct design reviews to guarantee pixel-perfect implementation, particularly with React-based components.

• Iterate Based on Data and Feedback: Utilize analytics tools (Heap, GA) and qualitative feedback to inform design iterations, continuously refining user flows and product features.

• Document Design Decisions and Assets: Maintain clear and accessible documentation for all design flows, components, and rationale to support a distributed team and ensure knowledge sharing.

• Leverage AI Tools for Efficiency: Employ AI-powered design and copy tools to accelerate the design process, while rigorously validating all outputs to maintain design integrity and user focus.

📝 Enhancement Note: The responsibilities highlight a strong emphasis on B2B SaaS product design, user-centered methodologies, and a hands-on approach to design system management. The requirement to "leverage AI wisely" and "document everything" points to a modern, efficient, and collaborative design practice within a startup context.

🎓 Skills & Qualifications

Education: [Specific degree requirements were not provided, but a Bachelor's or Master's degree in Design, HCI, Computer Science, or a related field is often preferred for senior roles. Equivalent practical experience will also be considered.]

Experience: 5+ years of professional experience in UX/UI product design, with a significant focus on complex B2B SaaS products.

Required Skills:

• B2B SaaS Product Design: Proven experience designing complex B2B SaaS products, including dashboards, workflows, and administrative interfaces.

• User-Centered Design Process: A strong portfolio demonstrating a comprehensive user-centered design process, from initial research and ideation through to prototyping and shipped UI.

• UX Research Expertise: Demonstrated proficiency in various UX research methodologies, including user interviews, surveys, usability testing, and heuristic evaluations.

• Figma Mastery: Advanced skills in Figma (or comparable tools like Sketch, Adobe XD) for design, wireframing, and creating interactive prototypes.

• Design System Proficiency: Experience working with and contributing to design systems, including defining UI patterns, components, and style guides.

• Engineering Collaboration: Ability to collaborate effectively with engineers and provide clear design specifications for implementation, particularly with React-based frontends.

• Accessibility Standards: Solid understanding and practical application of accessibility principles, including WCAG guidelines.

• Responsive Design: Proficiency in designing for various screen sizes and devices using responsive design principles.

• Communication Skills: Excellent written and verbal communication skills, with a preference for asynchronous communication methods.

Preferred Skills:

• Experience with customer feedback platforms, survey tools, or analytics platforms.

• Familiarity with React component libraries such as Storybook, Chakra UI, or Material UI (MUI).

• Motion or interaction design skills using tools like Lottie, or Framer Motion.

• Basic HTML/CSS knowledge for direct code tinkering.

📝 Enhancement Note: The "Must Haves" clearly indicate a senior-level UX/UI designer with a strong B2B SaaS background and a deep understanding of the entire design lifecycle. The emphasis on Figma and design systems is critical, as is the ability to conduct independent user research. The preferred skills suggest areas where the candidate can bring additional value, particularly in front-end development collaboration and advanced interaction design.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrate User-Centred Process: Showcase end-to-end projects that clearly articulate your user research methodology, problem definition, ideation, wireframing, prototyping, user testing, and final shipped UI.

• B2B SaaS Product Focus: Highlight specific examples of complex B2B SaaS product designs, detailing the challenges, your approach to solving them, and the impact of your design solutions.

• Design System Contributions: Include examples of your involvement in creating, maintaining, or significantly contributing to a design system, illustrating UI patterns, components, and style guidelines.

• Problem-Solving Case Studies: Present detailed case studies of how you've used data (e.g., Heap, GA, in-app analytics) and qualitative feedback to identify problems and drive design iterations that led to measurable improvements.

• Collaboration and Handoff Artifacts: Provide examples of how you document and hand off design specifications to engineering teams, including wireframes, prototypes, and component documentation.

Process Documentation:

• Workflow Design and Optimization: Document processes for mapping and optimizing complex B2B workflows, demonstrating an understanding of user journey mapping and efficiency improvements.

• Design System Development Standards: Outline your approach to defining UI patterns, components, accessibility rules, and style guides for a design system.

• User Research and Feedback Integration: Detail your methods for planning, conducting, and synthesizing user research (interviews, usability tests) and integrating findings into design iterations.

• Agile Design Collaboration: Illustrate your process for collaborating with product and engineering teams in an agile environment, including requirement clarification and build reviews.

📝 Enhancement Note: For a role of this seniority and focus on end-to-end ownership, the portfolio is paramount. It needs to clearly demonstrate not just visual design skills, but also strategic thinking, research capabilities, and a systematic approach to product development within a B2B SaaS context. The ability to articulate process and show measurable impact is key.

💵 Compensation & Benefits

Salary Range: [Based on industry benchmarks for a Senior UX/UI Product Designer with 5-10 years of experience in the UK, particularly in hybrid roles in areas like Milton Keynes, a competitive salary range would likely be between £55,000 - £80,000 per annum. This estimate considers the high demand for experienced B2B SaaS designers, the company's startup nature (often offering competitive salaries to attract talent), and the specific location.]

Benefits:

• Competitive Salary: A salary benchmarked against industry standards, reflecting the candidate's experience and the role's strategic importance.

• Hybrid Working Model: Flexibility to work remotely with a requirement of at least 2 days per week in the Milton Keynes office, fostering work-life balance and team collaboration.

• Standard UK Pension Scheme: Contribution to a workplace pension scheme, providing long-term financial security.

• Generous Holiday Allowance: 20 days of paid annual leave, plus all UK public holidays, ensuring ample time for rest and personal pursuits.

• Kit & Software Budget: A substantial budget allocated for essential hardware and software, empowering the designer with the tools needed for optimal performance.

• Direct Impact: Opportunity to make a significant and direct impact on the product's user experience within a small, agile team.

Working Hours: [The job description implies a standard full-time role, likely around 40 hours per week. The mention of "async first" communication suggests a flexible approach to daily scheduling, provided core collaboration needs are met and tasks are completed efficiently.]

📝 Enhancement Note: The salary estimation is based on publicly available data for senior UX/UI roles in the UK tech sector, adjusted for the specified experience level and hybrid work arrangement. The benefits listed are directly from the job description, with added context to highlight their value to operations professionals. The working hours are inferred from standard full-time employment practices.

🎯 Team & Company Context

🏢 Company Culture

Industry: Customer Experience (CX) Technology / SaaS. Serve First CX Limited operates in the growing market of customer feedback analysis and AI-driven insights, providing businesses with tools to understand and act upon customer sentiment. This involves data analytics, dashboarding, and AI-powered alerting.

Company Size: Startup (small team). The company is described as a "fast-moving, well funded start up" with a "small team." This implies a dynamic, agile environment with fewer layers of bureaucracy, offering significant autonomy and direct impact for its employees.

Founded: [Founding date not specified] The company is a startup, suggesting a relatively recent establishment, likely focused on rapid growth and product development as outlined in their 2025 roadmap.

Team Structure:

• Small, Agile Team: The design team is likely small, with the designer working very closely with product management, backend, and frontend engineers.

• Cross-Functional Collaboration: Emphasis on working "side-by-side" with other departments, indicating a highly collaborative and integrated approach to product development.

• Reporting Structure: The designer will likely report to a Head of Product, CTO, or CEO, given the startup environment and the "owning the end-to-end product experience" mandate.

Methodology:

• Agile & Iterative: The company prioritizes rapid iteration ("iterate fast," "ship small, test, and improve") and has a "low bureaucracy" approach.

• Data-Driven Design: Decisions are informed by both quantitative data (Heap, GA, in-app analytics) and qualitative user feedback.

• Async-First Communication: Acknowledges the need for effective asynchronous communication, crucial for distributed or hybrid teams.

• User-Centricity: A core tenet is understanding and acting upon user needs and feedback to drive product improvements.

Company Website: https://www.servefirst.co.uk/ (Inferred from domain_derived)

📝 Enhancement Note: The context provided paints a picture of a typical, ambitious tech startup. For a designer, this means opportunities for significant influence and rapid career development, but also the need for adaptability, a proactive mindset, and comfort with ambiguity. The focus on CX technology means the designer will be working with data that directly impacts client success.

📈 Career & Growth Analysis

Operations Career Level: Senior Product Designer / Lead Designer. This role is positioned as a senior individual contributor who "owns the end-to-end product experience." It requires significant autonomy, strategic input, and the ability to lead design initiatives, including the development of a design system.

Reporting Structure: Likely reporting to a Head of Product, CTO, or a senior leadership role within the product and engineering functions. The close collaboration with engineering and product management suggests an integrated role within the core development team.

Operations Impact: The designer's work will have a direct and significant impact on the product's usability, user adoption, and ultimately, customer satisfaction and retention. By optimizing B2B workflows and improving the user interface, the designer will contribute directly to the company's value proposition and revenue generation potential through enhanced CX.

Growth Opportunities:

• Design Leadership: Potential to grow into a Lead UX/UI Designer or Head of Design role as the company scales, taking on more strategic responsibilities and managing a team.

• Product Strategy Influence: Opportunity to heavily influence product strategy and roadmap through user insights and design expertise.

• Specialization: Deepen expertise in specific areas like AI-driven UX, complex B2B workflow design, or advanced design system architecture.

• Broader CX Expertise: Develop a deep understanding of the customer experience technology market and AI applications in CX.

📝 Enhancement Note: The role offers substantial growth potential, especially for someone who thrives in a startup environment. The ability to build out a design system from the ground up and have a direct impact on a growing product are significant career advantages. The emphasis on B2B SaaS and CX technology also presents an opportunity to specialize in a high-demand niche.

🌐 Work Environment

Office Type: Hybrid. The role requires a minimum of 2 days per week in the Milton Keynes office, with the remainder of the week open to remote work. This blend aims to balance in-person collaboration and team building with the flexibility of remote work.

Office Location(s): Milton Keynes, United Kingdom. This location offers a base for in-person collaboration and team interaction.

Workspace Context:

• Collaborative Hub: The Milton Keynes office will serve as a central point for team meetings, workshops, and spontaneous collaboration sessions, fostering synergy between design, product, and engineering.

• Modern Tooling: Access to a "generous kit & software budget" ensures that the designer will have the necessary hardware (e.g., high-performance laptops) and software (e.g., Figma, AI tools, analytics platforms) to perform their job effectively.

• Team Integration: The hybrid model allows for direct interaction with colleagues, facilitating faster communication, knowledge sharing, and a stronger sense of team cohesion.

Work Schedule: Expected to be a standard full-time schedule (likely 40 hours per week), with flexibility offered through the hybrid arrangement and an "async first" communication culture. This allows for efficient workflow management and personal time management, provided deliverables are met consistently.

📝 Enhancement Note: The hybrid model in Milton Keynes is a key feature. For operations professionals, understanding the balance between in-office collaboration (crucial for design system development and cross-functional alignment) and remote flexibility is important. The generous kit budget indicates a commitment to providing the right tools for the job.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio to assess experience and alignment with the role's requirements.

• Portfolio Presentation & Discussion: A session where you'll walk through selected projects from your portfolio, detailing your process, research, design decisions, and the impact of your work. This is a critical stage to demonstrate your user-centered approach and B2B SaaS expertise.

• Skills-Based Interview: Questions focusing on UX research methodologies, design system principles, collaboration with engineers, and problem-solving scenarios.

• Cultural Fit Interview: Discussion to assess alignment with the startup culture, adaptability, communication style, and ability to thrive in a fast-paced, low-bureaucracy environment.

• Final Interview: Potentially with senior leadership to discuss overall fit and strategic contributions.

Portfolio Review Tips:

• Showcase Process Over Polish: While polished visuals are good, prioritize demonstrating your thought process, research insights, and iterative design journey. Use case studies to tell a compelling story.

• Highlight B2B SaaS Experience: Select projects that clearly demonstrate your understanding of complex B2B workflows, dashboards, and enterprise user needs.

• Detail Your Research & Iteration: Clearly articulate how you conducted user research, what insights you gained, and how those insights directly influenced your design decisions and led to improvements.

• Illustrate Design System Contributions: If applicable, include examples of your work on design systems, showing component design, pattern definition, and adherence to accessibility standards.

• Quantify Impact: Where possible, use data and metrics to demonstrate the positive impact of your designs on user behavior, efficiency, or business outcomes.

• Tailor to the Role: Select portfolio pieces that best align with the responsibilities outlined in the job description, especially regarding B2B SaaS, workflows, and design systems.

Challenge Preparation:

• Design Exercise: Be prepared for a potential take-home design challenge or a live design exercise focused on a specific B2B workflow or UI problem relevant to Serve First's product.

• Problem Framing: Practice articulating problems clearly and defining scope before diving into solutions.

• Solution Rationale: Be ready to explain the UX and UI decisions behind your proposed solutions, referencing design principles, user needs, and business goals.

• Accessibility Focus: Ensure any proposed designs consider accessibility (WCAG) from the outset.

📝 Enhancement Note: The interview process is designed to thoroughly vet the candidate's practical skills, strategic thinking, and cultural fit. The portfolio review is a central component, so candidates must prepare to articulate their process and impact with clarity and confidence, especially concerning B2B SaaS challenges.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Essential for all design work, including wireframing, prototyping, UI design, and design system management. Mastery is a prerequisite.

• Prototyping Tools: While Figma has strong prototyping capabilities, familiarity with dedicated tools might be beneficial.

• AI Design/Copy Tools: Mentioned as a way to accelerate work; candidates should be open to and capable of leveraging these tools effectively.

Analytics & Reporting:

• Heap Analytics: Key for understanding user behavior and tracking product usage, informing design iterations.

• Google Analytics (GA): Standard web analytics tool for tracking user journeys and site performance.

• In-app Analytics: Implies custom or integrated analytics within the product to monitor feature usage and user engagement.

CRM & Automation: [Not directly specified, but likely relevant for understanding customer feedback data flow and B2B customer engagement.]

Collaboration & Documentation:

• Version Control/Documentation: Tools for documenting flows, components, and rationale are crucial for a distributed team. This could include Confluence, Notion, or internal wikis.

• Project Management Tools: Familiarity with agile project management tools like Jira or Asana may be beneficial for collaboration with engineering.

Front-end Technologies (Familiarity):

• React: Engineers use React, so understanding component-based design and the basics of React libraries is advantageous.

• HTML/CSS: Basic proficiency is a "nice to have" for direct code tinkering, indicating a desire for designers who can bridge the gap with development.

📝 Enhancement Note: The technology stack emphasizes modern design tools (Figma), data analytics for user insights (Heap, GA), and a collaborative environment. Familiarity with React and its ecosystem (like component libraries) is a strong plus, indicating the company values designers who can work closely with their engineering counterparts.

👥 Team Culture & Values

Operations Values:

• User-Centricity: Placing the user at the heart of every design decision, driven by research and empathy.

• Agility & Iteration: Embracing a fast-paced, iterative approach to product development, valuing quick learning and continuous improvement.

• Autonomy & Ownership: Encouraging individuals to take ownership of their work, drive initiatives, and operate with a high degree of independence.

• Collaboration & Transparency: Fostering an environment of open communication and close teamwork across departments, essential for a startup.

• Data-Driven Decision Making: Utilizing both quantitative and qualitative data to inform design choices and measure impact.

• Efficiency & Smart Work: Leveraging tools (including AI) and streamlined processes to maximize productivity and deliver high-quality outcomes.

Collaboration Style:

• Cross-functional Integration: The designer will work intimately with Product Managers and Engineers, acting as a key bridge between user needs, business goals, and technical implementation.

• Asynchronous Communication First: Emphasizing clear, concise written communication for documentation and updates, supplemented by synchronous meetings for deeper discussions or problem-solving.

• Feedback Culture: An environment where constructive feedback is encouraged and utilized for continuous refinement of both product and processes.

• Shared Ownership of Product: A collective responsibility for the success of the product, where design is seen as integral to the overall strategy.

📝 Enhancement Note: The company culture seems to align with typical high-performing tech startups: fast-paced, autonomous, and collaborative. For a designer, this means being comfortable with ambiguity, proactive in seeking information, and skilled in communicating effectively both synchronously and asynchronously. The emphasis on data and user-centricity is key to success.

⚡ Challenges & Growth Opportunities

Challenges:

• Rapidly Evolving Product: As a startup with an aggressive roadmap, the product will likely undergo significant changes and additions, requiring adaptability and quick learning.

• Balancing User Needs with Business Goals: Consistently finding the optimal design solutions that satisfy user requirements while aligning with business objectives and technical constraints.

• Establishing Design Foundation: Building out a comprehensive design system and user research practice from an early stage, requiring strategic vision and meticulous execution.

• Async Communication Effectiveness: Ensuring clear communication and alignment across a distributed or hybrid team without constant in-person interaction.

• Integrating AI Seamlessly: Effectively incorporating AI tools into the design workflow without compromising quality or user experience, and validating AI-generated outputs.

Learning & Development Opportunities:

• Design System Leadership: Opportunity to build and own a design system, a highly sought-after skill in the industry.

• Product Strategy Impact: Gain significant experience in influencing product strategy and roadmap decisions through design expertise.

• CX & AI Specialization: Deepen knowledge in customer experience technology and the application of AI in product design.

• Startup Growth Acumen: Develop a strong understanding of how to scale design practices within a fast-growing startup environment.

• Cross-Functional Skill Development: Enhance collaboration and communication skills by working closely with product, engineering, and potentially marketing/sales teams.

📝 Enhancement Note: The challenges are inherent to a startup environment but also present significant growth opportunities. The ability to shape foundational design processes and directly impact product direction is a major draw for ambitious designers.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex B2B SaaS workflow you designed. What were the key challenges, your process, and the outcome?" Prepare a detailed case study from your portfolio that highlights your problem-solving skills and understanding of enterprise user needs.

• "How would you approach building a design system for a new product? What are the critical components and considerations?" Be ready to discuss your methodology, including research, component definition, style guides, accessibility, and implementation handoff.

• "How do you balance user needs with business objectives and technical constraints in your designs?" Prepare to discuss your decision-making process, emphasizing how you gather information and make trade-offs.

• "Describe a time you used user research to significantly change a product design. What was your method, and what was the impact?" Focus on the actionable insights derived from research and how they led to measurable improvements. Company & Culture Questions:

• "What interests you about Serve First CX Limited and our mission?" Research the company's product, market position, and values. Connect your own aspirations to their goals.

• "How do you adapt to a fast-paced, low-bureaucracy startup environment?" Prepare examples demonstrating your comfort with ambiguity, ability to iterate quickly, and proactive approach.

• "How do you approach asynchronous communication and collaboration with a distributed team?" Discuss your preferred tools and strategies for clear, effective async communication.

• "How do you see design contributing to customer experience and business success in the CX tech space?" Demonstrate an understanding of the broader industry and the strategic value of design. Portfolio Presentation Strategy:

• Structure Your Narrative: For each project, clearly define the problem, your role, your process, the solutions, and the results. Use visuals effectively to support your story.

• Focus on "Why": Explain the rationale behind your design decisions at every stage. Why this research method? Why this UI pattern? Why this iteration?

• Showcase Your Process: Emphasize your user-centered approach, research synthesis, and iterative design cycles. Demonstrate how you translate insights into tangible designs.

• Quantify Impact: Whenever possible, present metrics or qualitative feedback that illustrate the success of your designs.

• Be Prepared for Deep Dives: Anticipate questions about specific design choices, technical constraints, or research methodologies.

📝 Enhancement Note: The interview preparation should focus on demonstrating a strong understanding of B2B SaaS design, a robust user-centered process, and the ability to thrive in a startup. The portfolio is the primary tool for showcasing these capabilities, so candidates should meticulously prepare their selected case studies.

📌 Application Steps

To apply for this UX / UI Product Designer position:

• Submit your application through the provided careers page link.

• Curate Your Portfolio: Select 2-3 of your strongest B2B SaaS product design projects that best showcase your end-to-end user-centered process, from research to shipped UI. Tailor the presentation to highlight your experience with complex workflows and design systems.

• Optimize Your Resume: Ensure your resume clearly articulates your 5+ years of experience in B2B SaaS product design, highlighting specific achievements in UX research, UI design, design system development, and cross-functional collaboration. Use keywords from the job description.

• Prepare Your Portfolio Presentation: Practice walking through your selected portfolio projects, focusing on demonstrating your problem-solving approach, research insights, design rationale, and the measurable impact of your work. Be ready to discuss your experience with Figma and accessibility standards.

• Research Serve First CX Limited: Understand their product, market, and the challenges they aim to solve in the CX technology space. Prepare thoughtful questions about their product roadmap, design challenges, and company culture.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.