Senior Consultant Specialist (Agent Hub UI UX)

📍 Job Overview

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

Company: HSBC Global Services Limited

Location: Guangzhou, Guangdong, China

Job Type: Full-Time

Category: UI/UX Design, Product Design, Technology Consulting

Date Posted: August 11, 2026

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

Remote Status: On-site

🚀 Role Summary

• Lead end-to-end UX/UI design processes, from initial discovery and user flow mapping to wireframing, prototyping, and rigorous usability testing.

• Craft polished, responsive user interfaces (UI) with a focus on visual hierarchy, interaction design, and seamless micro-interactions.

• Champion accessibility standards, inclusive design principles, and best practices for content and contrast to ensure an equitable user experience.

• Act as a key liaison between Product and Engineering teams, translating complex requirements into actionable, build-ready designs and clear acceptance criteria.

• Contribute to UI implementation by collaborating on design systems and component libraries, with potential for hands-on UI coding (e.g., React/CSS) where required.

• Drive continuous improvement through analytics-informed iteration, supporting A/B testing experiments, and optimizing user journeys for measurable business outcomes.

📝 Enhancement Note: While the title is "Senior Consultant Specialist," the core responsibilities and required experience (3+ years) position this role as a mid-to-senior level individual contributor with a strong focus on execution and collaboration within a product development lifecycle, rather than a traditional management or strategic consulting role. The "Agent Hub UI UX" specialization indicates a focus on internal tools or agent-facing platforms within HSBC's CTO Platform (AI Platforms) division.

📈 Primary Responsibilities

• Conduct comprehensive user research and discovery phases to deeply understand user needs, pain points, and behavioral patterns for the Agent Hub platform.

• Develop and refine information architecture (IA) and user flows to create intuitive and efficient navigation within complex application environments.

• Produce detailed wireframes and interactive prototypes to effectively communicate design concepts and gather early feedback from stakeholders and end-users.

• Execute usability testing sessions, analyze results, and iterate on designs to address identified usability issues and enhance user satisfaction.

• Design and deliver high-fidelity UI mockups and specifications that adhere to brand guidelines, accessibility standards, and technical feasibility.

• Collaborate closely with product managers to translate business requirements and user stories into detailed design specifications and acceptance criteria.

• Partner with front-end engineers to ensure accurate and efficient implementation of UI designs, contributing to the development and maintenance of design systems and component libraries.

• Apply principles of inclusive design and accessibility (e.g., WCAG standards) to ensure the Agent Hub is usable by all individuals, regardless of ability.

• Utilize analytics data and user feedback to inform design decisions, propose A/B testing experiments, and drive iterative improvements to optimize user engagement and task completion rates.

• Contribute to the development of UI code, particularly in areas like React and CSS, to support the implementation of user interfaces and ensure design fidelity.

📝 Enhancement Note: The responsibilities emphasize a hands-on, end-to-end design process, with a strong need for collaboration across product, engineering, and potentially other design disciplines. The focus on "Agent Hub" suggests a critical internal tool, requiring a deep understanding of user workflows for support agents or operational staff.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a Bachelor's degree in Human-Computer Interaction (HCI), Graphic Design, Interaction Design, Computer Science, or a related field is often preferred for roles of this nature. Equivalent practical experience will be strongly considered.

Experience: A minimum of 3 years of progressive experience in UX/UI design, product design, design engineering, or similar roles, with a proven track record of delivering impactful design solutions.

Required Skills:

• End-to-End Design Expertise: Demonstrated ability to manage the complete design lifecycle from discovery and research through to prototyping, testing, and final delivery.

• UX/UI Design Proficiency: Strong skills in interaction design, visual design, information architecture, wireframing, and prototyping.

• Design Tool Mastery: High proficiency with industry-standard design and prototyping tools, with a strong preference for Figma.

• Front-End Understanding: Solid grasp of front-end development constraints, modern UI implementation approaches, and how designs translate into code.

• Collaboration & Communication: Excellent verbal and written communication skills for effective collaboration with cross-functional teams (Product, Engineering) and stakeholders.

• Problem-Solving: Ability to analyze complex user needs and business requirements and translate them into user-centered design solutions.

• Accessibility & Inclusive Design: Knowledge of accessibility standards (e.g., WCAG) and principles of inclusive design.

Preferred Skills:

• UI Implementation Experience: Hands-on experience with front-end coding languages such as React and CSS.

• Design Systems: Experience contributing to or maintaining design systems and component libraries.

• Agile/Scrum Methodologies: Familiarity with Agile development processes and working within Scrum teams.

• Analytics & A/B Testing: Experience leveraging user analytics and supporting A/B testing for design optimization.

• Transactional Flow Design: Specific experience designing complex transactional flows, dashboards, or onboarding experiences.

• Financial Services Industry: Familiarity with the regulatory and user experience considerations within the financial services sector.

📝 Enhancement Note: The preference for Figma and hands-on React/CSS skills indicates a need for a designer who can not only conceptualize but also contribute to the technical realization of the UI, bridging the gap between design and development. A strong portfolio is implicitly required to demonstrate "measurable outcomes."

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• End-to-End Case Studies: Showcase 2-3 comprehensive case studies demonstrating your full design process, from initial problem identification and user research to iterative design solutions and measurable outcomes.

• Problem/Solution Framing: Clearly articulate the user problem or business challenge addressed in each case study and how your design solution directly tackled it.

• Process Documentation: Illustrate your design methodologies, including user flows, wireframes, interactive prototypes, and usability testing artifacts.

• Visual Design & UI Polish: Present high-fidelity mockups and UI designs that highlight your attention to visual hierarchy, typography, color theory, and interaction design.

• Measurable Impact: Quantify the success of your designs wherever possible, using metrics related to user satisfaction, task completion, efficiency gains, or adoption rates.

Process Documentation:

• Workflow Mapping: Demonstrate your ability to map out complex user journeys and operational workflows within the Agent Hub context.

• Prototyping & Iteration: Showcase how you use prototyping tools to test concepts and iterate based on feedback and usability findings.

• Design System Contribution: If applicable, include examples of how you have contributed to or utilized design systems and component libraries to ensure consistency and efficiency.

• Accessibility Implementation: Provide examples of how you have incorporated accessibility standards into your design process and final deliverables.

📝 Enhancement Note: For a role involving UI implementation and collaboration with engineering, the portfolio should not only showcase design quality but also the candidate's understanding of technical constraints and their ability to produce design artifacts that are readily usable by developers. Demonstrating an understanding of how to measure the impact of design is crucial.

💵 Compensation & Benefits

Salary Range: Given the location (Guangzhou, China), the role's seniority (Senior Consultant Specialist), and the industry (Financial Services/Technology), a competitive salary range can be estimated. For a Senior UX/UI Designer with 3+ years of experience in a major Chinese city like Guangzhou, the annual salary could range from approximately ¥250,000 to ¥450,000 CNY, depending on specific experience, skills, and negotiation. This estimate is based on industry benchmarks for similar roles in Tier 1/2 cities in China and the specialized nature of UI/UX within a large financial institution.

Benefits:

• Professional Development: Opportunities for continuous learning, training programs, and skill enhancement relevant to UX/UI and AI Platforms.

• Flexible Working: Potential for flexible work arrangements, promoting work-life balance, though the role is primarily on-site.

• Comprehensive Health Coverage: Standard health insurance and medical benefits package.

• Retirement Savings Plan: Contributions to a pension or provident fund.

• Performance Bonuses: Eligibility for annual performance-based bonuses.

• Employee Assistance Programs: Support services for personal and professional well-being.

Working Hours: A standard 40-hour work week is typical, often with flexibility in start and end times, but requiring presence in the office during core business hours to facilitate collaboration.

📝 Enhancement Note: Salary figures are estimates based on general market data for Guangzhou and the specified role and experience level. Actual compensation will be determined by HSBC based on individual qualifications, experience, and internal salary bands. The provided benefits are typical for large multinational corporations in the region.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services (Banking and Financial Technology). HSBC is a global leader in banking and financial services, operating across numerous markets and serving millions of customers worldwide. The CTO Platform (AI Platforms) division focuses on leveraging cutting-edge technology, including Artificial Intelligence, to drive innovation and operational efficiency within the bank.

Company Size: HSBC is a very large multinational corporation, employing over 200,000 people globally. This scale offers extensive resources, global reach, and diverse career opportunities.

Founded: HSBC was founded in 1865, giving it a long and rich history in global finance. This longevity signifies stability and deep industry expertise.

Team Structure:

• The role is part of the CTO Platform (AI Platforms) business unit.

• The specific team likely consists of Product Managers, Engineers (front-end, back-end, AI/ML), other UX/UI designers, and potentially data scientists or analysts.

• Reporting likely goes through a UX/UI Lead or a Product Development Manager within the AI Platforms division.

• Collaboration is expected to be highly cross-functional, involving close partnerships with product owners, engineers, and potentially business stakeholders who use or benefit from the Agent Hub. Methodology:

• Agile Development: The team likely operates using Agile methodologies (e.g., Scrum or Kanban) to facilitate iterative development and rapid response to changing requirements.

• Data-Driven Design: Emphasis on using analytics and user feedback to inform design decisions and measure the impact of changes.

• User-Centered Design: A commitment to understanding and addressing the needs of the end-users (agents) through research and testing.

• Design System Integration: Working within established design systems and component libraries to ensure consistency and efficiency across the platform.

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

📝 Enhancement Note: Working within a large financial institution like HSBC means adhering to strict security, compliance, and regulatory standards. The "AI Platforms" context suggests a forward-looking environment focused on innovation, but within the established framework of a global bank. The "Agent Hub" points to a critical internal operational tool, meaning its usability directly impacts the bank's efficiency and service delivery.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Senior Consultant Specialist. In the context of HSBC's structure, this typically signifies an individual contributor role requiring significant expertise and autonomy. It's a step beyond a standard "Designer" role, implying a level of specialization and the ability to influence design direction and process within their domain (Agent Hub UI/UX). It suggests leadership in design thinking and execution, but not necessarily people management.

Reporting Structure: The role likely reports to a UX/UI Lead, Design Manager, or a Product Development Manager within the CTO Platform (AI Platforms) division. The immediate team will be a mix of product, engineering, and potentially other design specialists.

Operations Impact: The "Agent Hub UI UX" role has a direct and significant impact on the operational efficiency and effectiveness of HSBC's customer service agents and other operational staff. A well-designed Agent Hub can lead to:

• Reduced training time for new agents.

• Faster task completion and improved customer query resolution times.

• Increased agent satisfaction and reduced burnout.

• Enhanced data accuracy and compliance adherence.

• Ultimately, a better customer experience and more efficient business operations. Growth Opportunities:

• Specialization: Deepen expertise in AI-driven user interfaces, complex enterprise tool design, or specific areas of UX research.

• Design Leadership: Transition into roles like Lead UX/UI Designer, UX Manager, or Head of Design for specific product areas.

• Product Management: Leverage design expertise to move into product management roles, focusing on strategy and roadmap development.

• Cross-Functional Mobility: Explore opportunities within other technology or product teams across HSBC's global operations.

• Learning & Development: Access to HSBC's extensive training programs, workshops, and potentially external certifications in UX, AI, and design thinking.

📝 Enhancement Note: The "Consultant Specialist" title implies a role that requires deep expertise and the ability to consult on best practices within its specific domain. Growth opportunities will likely stem from demonstrating leadership in design execution and influencing product strategy through user-centered insights.

🌐 Work Environment

Office Type: The role is on-site, indicating a traditional office environment within HSBC's facilities in Guangzhou. This setting facilitates in-person collaboration, spontaneous discussions, and team building.

Office Location(s): Guangzhou, Guangdong Province, China. This is a major economic hub in Southern China, offering a dynamic urban environment. Specific office details and accessibility would be provided by HSBC.

Workspace Context:

• Collaborative Spaces: Expect access to meeting rooms, brainstorming areas, and potentially open-plan office layouts designed to foster interaction.

• Technology Infrastructure: Access to robust IT infrastructure, including high-performance workstations, design software licenses (Figma), and secure network access.

• Team Interaction: Regular opportunities for direct interaction with peers in design, product, and engineering, as well as potential engagement with business stakeholders.

• Professional Atmosphere: A corporate environment typical of a large financial institution, balancing professionalism with modern workplace design.

Work Schedule: The standard work schedule is likely Monday to Friday, approximately 9 AM to 5 PM, totaling 40 hours per week. While flexibility may be offered for start/end times, the on-site requirement necessitates consistent physical presence.

📝 Enhancement Note: As an on-site role in a major financial institution, the work environment will likely be professional, structured, and security-conscious. The emphasis on collaboration suggests a workplace designed to support team-based project work.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: HR or recruiter screens applications for basic qualifications and fit.

• Hiring Manager Interview: Discussion with the hiring manager to assess experience, alignment with role responsibilities, and understanding of UX/UI principles.

• Portfolio Review & Design Challenge: A key stage where candidates present their portfolio, walking through case studies and demonstrating their design process and impact. This may be followed by a practical design challenge or scenario-based questions to assess problem-solving skills and design thinking.

• Team/Cross-Functional Interviews: Interviews with potential peers (engineers, product managers) to evaluate collaboration skills and technical understanding.

• Final Interview: Potentially with a senior leader for final assessment and offer extension.

Portfolio Review Tips:

• Storytelling: Structure your portfolio presentations as compelling stories. Clearly define the problem, your process, your specific contributions, the solutions you designed, and the measurable outcomes achieved.

• Focus on Impact: Highlight metrics and data that demonstrate the positive impact of your work. Quantify improvements in user satisfaction, efficiency, or business goals whenever possible.

• Process Clarity: Clearly articulate your design methodology. Show the evolution of your designs through wireframes, prototypes, and user testing feedback.

• Tool Proficiency: Be prepared to discuss your proficiency with Figma and other design tools, and how you leverage them effectively.

• Technical Acumen: For this role, be ready to discuss your understanding of front-end constraints and how you collaborate with engineers. If you have coding experience (React/CSS), be prepared to speak to it.

• Tailor to the Role: Emphasize projects and skills most relevant to designing internal tools like an "Agent Hub," focusing on complex workflows and operational efficiency.

Challenge Preparation:

• Understand the Context: If given a design challenge, ensure you fully understand the problem statement and the target user (likely an HSBC agent).

• Think Aloud: During a live challenge, vocalize your thought process. Explain your assumptions, research approach, and design decisions.

• Prioritize: Focus on the most critical aspects of the problem and demonstrate how you would prioritize tasks and features.

• Be Realistic: Consider the constraints of a large organization like HSBC (e.g., existing systems, compliance, scalability).

📝 Enhancement Note: The portfolio review is paramount for this role. Candidates should prepare to not only show beautiful designs but also to defend their design decisions with user research, data, and a clear understanding of business objectives and technical feasibility. The emphasis on "measurable outcomes" and "front-end constraints" is critical.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: The preferred tool for UX/UI design, wireframing, prototyping, and collaborative workflows. Proficiency is a must.

• Design Systems/Component Libraries: Experience working with or contributing to established design systems to ensure consistency and efficiency.

• Prototyping Tools: Beyond Figma's capabilities, familiarity with other prototyping tools for advanced interactions or specific testing needs.

• User Research Tools: Tools for conducting surveys, interviews, and usability testing (e.g., UserTesting.com, Lookback, or internal HSBC tools).

Analytics & Reporting:

• Web Analytics Platforms: Familiarity with tools like Google Analytics, Adobe Analytics, or internal HSBC analytics solutions to understand user behavior within the Agent Hub.

• Data Visualization Tools: Ability to interpret data dashboards and potentially create basic visualizations to support design decisions.

• A/B Testing Platforms: Experience supporting or analyzing results from A/B testing experiments.

CRM & Automation:

• CRM Systems: While not directly a CRM role, understanding how user interfaces interact with backend systems like CRMs (e.g., Salesforce, or internal HSBC equivalents) is beneficial.

• Workflow Automation Concepts: Understanding how UI design can support or be impacted by workflow automation processes.

• Collaboration Tools: Standard office productivity suites and team collaboration platforms (e.g., Microsoft Teams, Confluence, Jira).

📝 Enhancement Note: Proficiency in Figma is explicitly mentioned as preferred. The role requires a strong understanding of how designs integrate with development (React/CSS) and how to leverage data and analytics for iterative design improvement. Familiarity with enterprise-level tools and processes is expected.

👥 Team Culture & Values

Operations Values:

• User-Centricity: A deep commitment to understanding and solving user problems, ensuring the Agent Hub is intuitive, efficient, and supportive for HSBC agents.

• Collaboration: Valuing teamwork and open communication, working closely with product, engineering, and other stakeholders to achieve shared goals.

• Excellence & Quality: Striving for high-quality design outcomes, attention to detail, and adherence to best practices in UX/UI and accessibility.

• Data-Driven Decision Making: Using analytics, user feedback, and testing to inform design choices and measure impact.

• Continuous Improvement: Embracing an iterative approach to design, constantly seeking ways to optimize user experience and operational efficiency.

Collaboration Style:

• Partnership: Working closely with Product Managers to define requirements and strategy, and with Engineers to ensure feasibility and effective implementation.

• Constructive Feedback: Openness to giving and receiving constructive feedback during design reviews and team discussions.

• Knowledge Sharing: Willingness to share insights, best practices, and learnings with the broader design and development teams.

• Agile Integration: Seamless integration into Agile ceremonies and workflows, contributing to sprint planning, reviews, and retrospectives.

📝 Enhancement Note: HSBC, as a large financial institution, will emphasize professionalism, integrity, and a structured approach to work. The "AI Platforms" division likely fosters a culture of innovation, but within established corporate guidelines. The emphasis on collaboration and data-driven approaches is key for success in this role.

⚡ Challenges & Growth Opportunities

Challenges:

• Complex Enterprise Environment: Navigating the complexities of a large, regulated financial institution, including legacy systems, strict security protocols, and diverse stakeholder needs.

• Balancing User Needs with Business Constraints: Designing for internal agents while adhering to corporate standards, technical limitations, and budget considerations.

• Driving Adoption of New Designs: Ensuring that new UI/UX improvements are effectively adopted by agents and that the Agent Hub remains a primary, efficient tool.

• Keeping Pace with Technological Advancements: Integrating new AI capabilities and UI trends into the Agent Hub in a secure and effective manner.

• Cross-Functional Alignment: Ensuring consistent vision and execution across multiple teams and departments involved in the Agent Hub's development and maintenance.

Learning & Development Opportunities:

• Specialized Training: Access to internal and external training on advanced UX/UI techniques, AI-driven design, and financial technology trends.

• Mentorship Programs: Opportunities to be mentored by senior design or technology leaders within HSBC.

• Industry Conferences: Potential to attend leading UX/UI and technology conferences to stay abreast of industry best practices and network.

• Design System Evolution: Involvement in the growth and refinement of HSBC's design systems, contributing to future design standards.

• Leadership Development: For high performers, opportunities to take on lead roles on projects or mentor junior designers.

📝 Enhancement Note: The primary challenges will revolve around operating within a large, established, and regulated corporate structure, requiring strong negotiation, communication, and adaptability skills. Growth opportunities are tied to demonstrating leadership within the design function and contributing to the strategic direction of internal platforms.

💡 Interview Preparation

Strategy Questions:

• "Tell me about a complex user journey you designed for an enterprise application. What were the challenges, and how did you overcome them?" (Focus on your end-to-end process, problem-solving, and collaboration with engineering.)

• "How do you ensure your designs are accessible and inclusive? Can you provide an example?" (Highlight your understanding of WCAG standards and practical application.)

• "Describe a time when your design was met with resistance from stakeholders or engineers. How did you handle it?" (Demonstrate your negotiation, communication, and persuasion skills.)

• "How do you use analytics and user feedback to iterate on a design? Walk me through a specific example." (Showcase your data-driven approach and iterative design process.) Company & Culture Questions:

• "What do you know about HSBC and our work in AI Platforms?" (Research HSBC's recent tech initiatives, AI strategy, and the purpose of CTO Platform.)

• "How do you see the role of UX/UI in a large financial institution like HSBC?" (Discuss the importance of trust, security, efficiency, and user experience in banking.)

• "How would you approach designing for an internal 'Agent Hub' compared to a public-facing application?" (Focus on efficiency, task completion, agent workflow optimization, and integration with backend systems.) Portfolio Presentation Strategy:

• Start with the "Why": Clearly articulate the business problem and user need for each case study.

• Show, Don't Just Tell: Use visuals (wireframes, mockups, prototypes) to illustrate your design process and solutions.

• Highlight Your Role: Be specific about your contributions, especially if it was a team project.

• Quantify Impact: Present metrics and results that demonstrate the value of your design work.

• Technical Considerations: Be prepared to discuss how your designs account for front-end constraints and how you collaborated with developers.

• Conciseness: Practice your presentation to ensure it's engaging and fits within the allotted time. Focus on the most impactful projects.

📝 Enhancement Note: Be prepared to discuss both the strategic thinking behind your designs and the tactical execution. For this role, demonstrating an understanding of enterprise-level design challenges and the ability to collaborate effectively with technical teams is as important as showcasing creative UI skills.

📌 Application Steps

To apply for this operations position:

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

• Curate Your Portfolio: Select 2-3 of your strongest end-to-end design case studies that best represent your experience in UX/UI design, particularly for complex applications or internal tools. Ensure each case study clearly outlines the problem, your process, your specific contributions, the solution, and measurable outcomes.

• Optimize Your Resume: Tailor your resume to highlight keywords from the job description, such as "UX design," "UI design," "Figma," "interaction design," "prototyping," "accessibility," "React," "CSS," and "enterprise applications." Quantify your achievements with specific metrics where possible.

• Prepare Your Presentation: Practice walking through your portfolio case studies. Focus on clear storytelling, emphasizing your problem-solving skills, design process, and the impact of your work. Be ready to discuss your experience with Figma and your understanding of front-end development constraints.

• Research HSBC: Familiarize yourself with HSBC's business, its values, and its recent technological initiatives, especially in AI and digital transformation. Understand the importance of internal tools like the "Agent Hub" for operational efficiency within a global financial institution.

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