Senior Consultant Specialist (Agent Hub UI UX)

📍 Job Overview

Job Title: Senior Consultant Specialist (Agent Hub UI UX)

Company: HSBC

Location: Guangzhou, Guangdong Province, China; Shenzhen, Guangdong, China; Xi'an, Shaanxi, China

Job Type: FULL_TIME

Category: Product Design / UX/UI Design

Date Posted: 2026-08-11

Experience Level: Mid-Senior Level (Implied 3+ years)

Remote Status: Hybrid (Implied by company culture statement and general industry trends for such roles)

🚀 Role Summary

• Drive end-to-end UX/UI design processes, from initial discovery and user flows to wireframing, prototyping, and usability testing, ensuring a seamless user experience for the Agent Hub.

• Deliver polished and high-fidelity UI designs, focusing on responsive layouts, intuitive interaction design, clear visual hierarchy, and effective micro-interactions.

• Champion accessibility standards, inclusive design principles, and best practices for content and contrast to ensure all users can effectively engage with the platform.

• Act as a key liaison between Product Management and Engineering teams, translating complex business requirements into detailed, build-ready design specifications and acceptance criteria.

• Contribute directly to UI implementation by collaborating on and maintaining component libraries and design systems, and potentially coding UI elements using technologies like React and CSS.

• Leverage data analytics to inform design iterations, support A/B testing initiatives, and drive continuous optimization of the Agent Hub's user interface and experience.

📝 Enhancement Note: This role, while titled "Consultant Specialist," clearly focuses on the practical application of UX/UI design principles within a technology platform context. The emphasis on "Agent Hub UI UX" and the specific responsibilities (prototyping, UI implementation, React/CSS) indicate a hands-on design engineering or senior product designer role rather than a pure strategic consulting position. The "AI Platforms" business unit suggests a forward-thinking environment where user experience is critical for AI-driven tools.

📈 Primary Responsibilities

• Lead the complete UX design lifecycle for the Agent Hub, encompassing user research, journey mapping, information architecture, wireframing, interactive prototyping, and rigorous usability testing to validate design concepts.

• Develop and refine UI designs with a strong focus on visual aesthetics, interaction patterns, and the creation of engaging micro-interactions that enhance user engagement and efficiency.

• Integrate and uphold accessibility standards (e.g., WCAG) and inclusive design principles throughout the design process, ensuring the Agent Hub is usable by individuals with diverse abilities.

• Collaborate closely with Product Managers and Software Engineers to meticulously translate business needs and technical specifications into clear, actionable design deliverables and acceptance criteria for development sprints.

• Actively participate in the development and maintenance of a robust design system and component library, ensuring consistency, scalability, and efficiency in UI implementation, with potential for direct front-end coding contributions in React/CSS.

• Analyze user behavior data and platform analytics to identify areas for improvement, generate hypotheses for A/B testing, and drive data-informed design decisions for the Agent Hub.

• Present design concepts, user research findings, and usability test results to stakeholders at various levels, effectively communicating the rationale and impact of design choices.

• Stay abreast of the latest UX/UI design trends, tools, and technologies, and advocate for best practices within the product development lifecycle.

📝 Enhancement Note: The core responsibilities highlight a blend of strategic design thinking and hands-on execution. The mention of "code UI where required (e.g., React/CSS)" suggests a "design engineer" or "UI engineer" leaning, where understanding and contributing to the code implementation is part of the role, not just handoff. This is crucial for candidates to understand the technical depth expected.

🎓 Skills & Qualifications

Education: While not explicitly stated, a Bachelor's degree in Design, Human-Computer Interaction (HCI), Computer Science, or a related field is typically expected for a Senior Consultant Specialist role. Equivalent practical experience will also be considered.

Experience: 3+ years of demonstrated experience in UX/UI design, product design, or design engineering roles. Proven track record of delivering end-to-end design solutions with measurable outcomes.

Required Skills:

• Expertise in the full spectrum of UX design methodologies, including user research, persona development, user journey mapping, information architecture, wireframing, and prototyping.

• Proficient in creating high-fidelity interactive prototypes using industry-standard design tools, with a strong preference for Figma.

• Strong visual design skills, including layout, typography, color theory, and the creation of intuitive interaction patterns.

• Experience in conducting and interpreting usability testing to gather user feedback and drive design improvements.

• Demonstrated ability to design complex user journeys, such as forms, onboarding flows, dashboards, and transactional processes.

• Solid understanding of front-end development constraints, responsive design principles, and modern UI implementation approaches (e.g., understanding of HTML, CSS, JavaScript, and frameworks like React).

• Familiarity with accessibility standards (e.g., WCAG) and inclusive design principles.

• Excellent communication, presentation, and interpersonal skills, with the ability to articulate design decisions and collaborate effectively with cross-functional teams. Preferred Skills:

• Experience contributing to or managing design systems and component libraries.

• Direct hands-on experience with front-end development, particularly in React and CSS.

• Familiarity with data analytics tools and techniques to inform design decisions.

• Experience working in large, complex organizations, particularly within the financial services industry.

• Knowledge of AI-driven platforms and their specific UX challenges.

📝 Enhancement Note: The requirement for "3+ years’ experience" and "demonstrating end-to-end work" indicates a need for a candidate who can independently manage design projects from conception to launch. The explicit mention of Figma and the understanding of front-end constraints (React/CSS) are critical technical requirements that should be highlighted.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A comprehensive portfolio showcasing a minimum of 3-5 distinct projects that demonstrate end-to-end UX/UI design capabilities, from initial problem definition to final implemented solution.

• Each project within the portfolio should clearly articulate the problem statement, your specific role and contributions, the design process followed (discovery, ideation, prototyping, testing), and the final outcome.

• Evidence of measurable outcomes or impact resulting from your design work (e.g., increased conversion rates, improved task completion times, reduced error rates, positive user feedback metrics).

• Examples of complex user flows, dashboards, forms, or transactional interfaces that highlight your ability to manage intricate design challenges.

• Demonstrations of UI design execution, including visual design, interaction design, and attention to detail in micro-interactions. Process Documentation:

• Showcase your ability to document design processes, including user research findings, journey maps, wireframes, and prototypes, in a clear and organized manner.

• Provide examples of how you've collaborated with engineering on design system components or UI implementation, illustrating your understanding of the build process.

• If applicable, include case studies or examples where you've used data analytics to inform design iterations and measure the success of your solutions.

📝 Enhancement Note: For a Senior Consultant Specialist role with a "design engineering" component, the portfolio is paramount. Candidates must be prepared to detail their process and demonstrate tangible results. The emphasis on "measurable outcomes" and "complex journeys" signals that superficial case studies will not suffice.

💵 Compensation & Benefits

Salary Range: For a Senior Consultant Specialist with 3+ years of experience in Guangzhou or Shenzhen, China, the estimated annual salary range is likely between ¥250,000 - ¥450,000 CNY. This estimate is based on industry benchmarks for senior UX/UI designers and design engineers in major Chinese tech hubs, considering the reputation and scale of HSBC.

Benefits:

• Professional Development: Opportunities for continuous learning, skill enhancement, and career advancement within a global financial institution.

• Flexible Working: Options for hybrid work arrangements, allowing for a balance between in-office collaboration and remote flexibility.

• Inclusive Environment: A commitment to fostering a diverse and inclusive workplace where all employees feel valued and respected.

• Global Opportunities: Access to a vast network and potential career paths within HSBC's international operations.

• Comprehensive Health & Wellness: Standard benefits packages often include health insurance, wellness programs, and retirement contributions, typical for large multinational corporations.

Working Hours: The standard working hours are estimated at 40 hours per week, with potential for flexibility depending on project needs and the hybrid work arrangement.

📝 Enhancement Note: Salary ranges for China can vary significantly by city and company. Guangzhou and Shenzhen are major economic centers with competitive tech salaries. This estimate is a benchmark and should be verified directly with HSBC. The provided benefits are derived from the company culture statement and general corporate offerings.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services (Banking & Technology) - HSBC operates within the global financial services sector, with a significant technology arm (CTO Platform) driving innovation through AI and digital solutions. This context means a strong emphasis on security, compliance, and user trust, alongside a drive for modern digital experiences.

Company Size: HSBC is a global banking and financial services organization with a very large employee base (over 200,000 employees worldwide). This implies a structured environment with established processes, but also opportunities for impact within specific departments like CTO Platform.

Founded: HSBC was founded in 1865, giving it a long history and deep roots in global finance. This legacy provides stability and a strong brand presence, while the company actively invests in modernizing its technology and digital offerings.

Team Structure:

• The role is within the CTO Platform (AI Platforms) business unit, suggesting a focus on building and enhancing the underlying technology infrastructure, particularly for AI applications.

• The team likely comprises a mix of product managers, software engineers (front-end, back-end, AI/ML specialists), UX/UI designers, and potentially data scientists or analysts.

• The reporting structure would likely place the Senior Consultant Specialist under a UX Lead, Product Lead, or a Head of Design within the CTO Platform.

• Cross-functional collaboration is essential, requiring close partnership with product owners, development teams, and potentially business stakeholders to ensure designs meet both user needs and business objectives. Methodology:

• Data Analysis & Insights: The role emphasizes using analytics to inform design, suggesting a data-driven approach to product development and optimization.

• Workflow Planning & Optimization: Leading end-to-end UX/UI processes implies a structured approach to understanding user needs, mapping journeys, and designing efficient workflows.

• Automation & Efficiency: Contributing to component libraries and design systems points towards practices that promote efficiency, scalability, and consistency in development.

Company Website: https://www.hsbc.com/

📝 Enhancement Note: Understanding HSBC's dual nature as a traditional financial institution and a forward-looking tech adopter is key. The "AI Platforms" context suggests that this role is at the cutting edge of their technological development, impacting how AI is delivered to internal users (agents).

📈 Career & Growth Analysis

Operations Career Level: This role is at a Mid-to-Senior level within the design discipline, specifically a "Senior Consultant Specialist." This level implies significant autonomy, the ability to lead design initiatives, and influence product direction. In a large organization like HSBC, this level often involves mentoring junior designers and acting as a subject matter expert.

Reporting Structure: The Senior Consultant Specialist will likely report to a manager or lead within the CTO Platform's AI Platforms division, who oversees product development and design for the Agent Hub. They will work closely with Product Managers and Engineering Leads on a day-to-day basis.

Operations Impact: The role has a direct impact on the efficiency and effectiveness of HSBC's internal operations, specifically by improving the user experience for agents using the Agent Hub. A well-designed interface can lead to faster task completion, reduced errors, improved agent satisfaction, and ultimately, better customer service delivery. The "AI Platforms" context suggests that the role is crucial for the adoption and successful utilization of AI tools by frontline staff.

Growth Opportunities:

• Specialization: Deepen expertise in AI-driven UX, design systems, or front-end UI implementation within the financial sector.

• Leadership: Progress into a UX Lead or Design Manager role, taking on more strategic responsibilities and managing design teams.

• Cross-Functional Mobility: Transition into Product Management, or leverage front-end skills into a dedicated Design Engineering role.

• Global Exposure: Participate in international projects or relocate to other HSBC offices, leveraging the company's global footprint.

• Continuous Learning: Access to HSBC's extensive training programs, workshops, and opportunities to attend industry conferences.

📝 Enhancement Note: The "Consultant Specialist" title, combined with the "Senior" prefix, indicates a role that requires both deep technical expertise and the ability to consult and guide stakeholders. Growth opportunities will likely involve a mix of technical mastery and leadership development.

🌐 Work Environment

Office Type: The role is designated as Hybrid. This means a blend of in-office work for collaborative activities and remote work for focused individual tasks. The specific split will likely be determined by team policy and project needs.

Office Location(s): The role is available in Guangzhou, Shenzhen, and Xi'an, China. These are major cities with significant business and technological infrastructure, offering a dynamic work environment. The specific office location will depend on the candidate's placement and team allocation.

Workspace Context:

• Collaborative Environment: The hybrid model necessitates a collaborative approach, with opportunities for in-person brainstorming sessions, design reviews, and team meetings when in the office.

• Tools & Technology: Access to modern design tools (Figma), collaboration platforms, and potentially advanced AI/ML development environments within the CTO Platform.

• Team Interaction: Regular interaction with product managers, engineers, and other designers, fostering a culture of shared learning and problem-solving.

Work Schedule: The standard work schedule is likely 40 hours per week, with the flexibility afforded by the hybrid arrangement. This allows for better integration of work and personal life, crucial for sustained productivity and well-being.

📝 Enhancement Note: The hybrid nature of the role is a key aspect for modern professionals. Candidates should be prepared for a structured approach to office days, likely focused on high-collaboration activities, while individual design work can be done remotely.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or HR representative will review applications and conduct an initial screening call to assess basic qualifications and cultural fit.

• Portfolio Review & Technical Interview: Candidates will be asked to present their portfolio, detailing their design process, problem-solving approach, and the impact of their work. This will be followed by a technical interview focusing on UX/UI principles, design tool proficiency (Figma), and understanding of front-end concepts.

• Case Study/Design Challenge: A practical design exercise or case study may be assigned, either take-home or on-site, to evaluate problem-solving skills, design thinking, and ability to work under constraints.

• Team/Stakeholder Interviews: Interviews with potential team members, Product Managers, and Engineering Leads to assess collaboration skills, communication, and alignment with team dynamics.

• Final Interview: A discussion with senior management to finalize the decision, focusing on strategic thinking and overall fit for the role and HSBC's culture.

Portfolio Review Tips:

• Storytelling: Structure your portfolio around compelling narratives for each project. Clearly define the problem, your role, the process, and the measurable outcome.

• Process Emphasis: Detail your design methodology, showing how you approach user research, ideation, prototyping, and testing. Explain why you made certain design decisions.

• Quantifiable Results: Wherever possible, include metrics and data that demonstrate the impact of your designs (e.g., conversion improvements, efficiency gains).

• Visual Polish: Ensure your portfolio is visually appealing, well-organized, and easy to navigate. Highlight your UI design skills.

• Tool Proficiency: Clearly state the tools you used, especially Figma, and be prepared to discuss your workflow within them.

• Company Alignment: Research HSBC's mission, values, and recent initiatives (especially in AI and digital transformation) to tailor your presentation and demonstrate how your skills align.

Challenge Preparation:

• Understand the Context: If given a case study, thoroughly analyze the problem, target users, and business objectives.

• Prioritize & Scope: Focus on the most critical aspects of the problem and demonstrate how you would prioritize tasks and scope your design efforts.

• Communicate Clearly: Articulate your thought process, design choices, and potential trade-offs. Be prepared to justify your decisions.

• Consider Implementation: Think about the practicalities of implementation, including potential technical constraints and the feasibility of your proposed solutions.

📝 Enhancement Note: The interview process at a large institution like HSBC will be structured. A strong portfolio that clearly demonstrates end-to-end capabilities and measurable outcomes is non-negotiable. Candidates should be ready to articulate their design rationale and impact in detail.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Essential for UI/UX design, wireframing, prototyping, and collaboration. Proficiency is a core requirement.

• Prototyping Tools: Beyond Figma, familiarity with other prototyping tools may be beneficial.

• Design Systems/Component Libraries: Experience in contributing to or utilizing design systems is highly valued.

Analytics & Reporting:

• Data Analytics Tools: Familiarity with tools like Google Analytics, Adobe Analytics, or internal HSBC analytics platforms to interpret user behavior and performance data.

• Data Visualization Tools: Ability to understand and interpret dashboards and reports to inform design iterations.

CRM & Automation:

• CRM Systems: While not a direct CRM role, understanding how the Agent Hub interfaces with or supports CRM functions is beneficial.

• Workflow Automation: Awareness of how UI design contributes to automated processes and agent efficiency.

• Front-End Technologies:

  • React: The ability to understand and potentially code UI components using React is a significant plus.
  • CSS: Strong understanding of CSS for styling and responsive layouts.
  • HTML: Foundational knowledge of HTML is expected.

📝 Enhancement Note: Figma is explicitly mentioned, making it a primary tool. The mention of React and CSS indicates that a "design engineer" mindset is preferred, where understanding implementation realities is key, and direct contribution is possible.

👥 Team Culture & Values

Operations Values:

• User-Centricity: A core value, driving the design of intuitive and effective experiences for agents.

• Data-Driven Decision Making: Utilizing analytics to inform design choices and measure success.

• Collaboration & Teamwork: Working effectively with Product, Engineering, and other stakeholders to achieve shared goals.

• Innovation & Continuous Improvement: Embracing new technologies (like AI) and seeking to optimize processes and user experiences.

• Quality & Excellence: A commitment to delivering high-quality design solutions that meet rigorous standards, especially within a financial institution.

Collaboration Style:

• Cross-Functional Integration: The role requires seamless collaboration with Product Management and Engineering, fostering a partnership rather than a handoff mentality.

• Open Communication: Encouraging feedback exchange, constructive critique, and transparent discussions about design challenges and solutions.

• Agile Methodologies: Likely working within an Agile framework, requiring iterative design, frequent communication, and adaptability.

• Knowledge Sharing: A culture that promotes sharing best practices, design patterns, and learnings across the team and wider organization.

📝 Enhancement Note: HSBC's emphasis on inclusivity and valuing opinions suggests a culture where diverse perspectives are welcomed. For this role, collaboration with technical teams is paramount, requiring designers to speak the language of engineers and product managers.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing User Needs with Business/Technical Constraints: Designing for complex financial processes while adhering to strict security, compliance, and technical limitations.

• Adoption of New Technologies: Ensuring the Agent Hub, especially with AI integration, is intuitive and easy for agents to adopt and use effectively.

• Cross-Functional Alignment: Navigating differing priorities and perspectives among Product, Engineering, and Business stakeholders.

• Designing for Scale: Creating scalable design solutions that can be applied across various agent functions and future platform enhancements.

• Keeping Pace with Evolving AI: Understanding and designing for the rapidly evolving landscape of AI technologies and their impact on user interfaces.

Learning & Development Opportunities:

• AI UX Specialization: Gaining deep expertise in designing user experiences for AI-powered applications.

• Design System Mastery: Contributing to and expanding sophisticated design systems used across a global organization.

• Front-End Development Skills: Enhancing coding skills in React and CSS through practical application and collaboration.

• Financial Industry Domain Knowledge: Deepening understanding of banking operations, regulations, and customer service workflows.

• Leadership Training: Opportunities to develop leadership and mentorship skills for future career progression within HSBC.

📝 Enhancement Note: The primary challenge will be translating complex financial processes and emerging AI capabilities into user-friendly interfaces for agents. Growth will come from mastering these challenges and leveraging the company's resources for continuous learning.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex user journey you designed from start to finish. What were the key challenges, and how did you overcome them? What was the measurable outcome?" (Focus on process, problem-solving, and impact.)

• "How do you balance user needs with technical constraints and business requirements when designing a feature? Can you provide an example?" (Assesses prioritization and pragmatic design thinking.)

• "How would you approach designing a new AI-powered feature for our Agent Hub? What steps would you take to ensure agent adoption and effectiveness?" (Tests understanding of AI UX and user adoption strategies.)

• "Explain your experience with design systems. How do you contribute to them, and why are they important for large organizations like HSBC?" (Evaluates understanding of scalability and consistency.) Company & Culture Questions:

• "What do you know about HSBC and our CTO Platform's focus on AI? How do you see your role contributing to our strategic goals?" (Demonstrates research and alignment.)

• "HSBC values inclusivity and diverse opinions. How do you ensure your designs are inclusive and accessible to all users?" (Assesses commitment to accessibility and diverse user needs.)

• "Describe a time you had to collaborate with engineers who had different perspectives on a design. How did you reach a consensus?" (Tests collaboration and communication skills.) Portfolio Presentation Strategy:

• Highlight Impact: For each project, clearly articulate the business problem, your specific contributions, the design process, and the quantifiable results achieved.

• Show, Don't Just Tell: Use visuals effectively to showcase wireframes, prototypes, UI designs, and any data visualizations.

• Explain Your "Why": Be prepared to articulate the rationale behind your design decisions, linking them back to user needs, business goals, or data insights.

• Discuss Trade-offs: Acknowledge any constraints or compromises made during the design process and explain how you managed them.

• Tailor to the Role: Emphasize projects that showcase experience with complex flows, dashboards, forms, and ideally, any work related to internal tools or AI.

📝 Enhancement Note: Candidates should prepare specific examples that align with the responsibilities and preferred skills mentioned. Being able to articulate the impact of their design work with data is crucial for a senior-level role.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided portal link on the HSBC Careers website.

• Portfolio Customization: Curate your portfolio to prominently feature projects demonstrating end-to-end UX/UI design, complex journey mapping, UI implementation contributions (if any), and measurable outcomes. Prioritize examples relevant to internal tools or financial services if available.

• Resume Optimization: Tailor your resume to highlight keywords such as "UX/UI Design," "Product Design," "Figma," "Prototyping," "Usability Testing," "Interaction Design," "Responsive Layouts," "Accessibility Standards," "Design Systems," "React," and "CSS." Quantify achievements whenever possible.

• Interview Preparation: Practice articulating your design process, decision-making rationale, and the impact of your work. Prepare specific examples for behavioral questions related to collaboration, problem-solving, and working with technical teams. Rehearse your portfolio presentation to be concise and impactful.

• Company Research: Thoroughly research HSBC's current strategic initiatives, particularly in AI and digital transformation, and the CTO Platform's role. Understand their commitment to customer and employee experience, and how your role as a Senior Consultant Specialist contributes to these objectives.

⚠️ 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.