UX Engineer

📍 Job Overview

Job Title: UX Engineer

Company: HUB24

Location: Sydney, New South Wales, Australia

Job Type: Full-Time (6-Month Fixed-Term Contract)

Category: Product Development / Engineering / Design Operations

Date Posted: March 11, 2026

Experience Level: 5-10 Years

Remote Status: On-site

🚀 Role Summary

• This role is a key contributor to the architecture, implementation, and adoption of an organization-wide design system and component library, directly impacting the consistency and quality of user experiences across HUB24’s digital platforms.

• The UX Engineer will operate at the critical intersection of design, engineering, and product, translating user-centric design intent into production-ready, scalable front-end solutions.

• This is a hands-on, high-impact position focused on solving complex UI challenges, shaping front-end standards, and partnering closely with cross-functional teams to deliver exceptional user experiences.

• The position requires a strong systems mindset, enabling the candidate to think beyond individual screens and contribute to scalable patterns and platforms within the wealth industry's digital ecosystem.

📝 Enhancement Note: The job title "UX Engineer" combined with the responsibilities of building and maintaining a design system and component library, along with expert knowledge of front-end languages and frameworks, indicates a role that bridges the gap between UI/UX design and front-end development. This is often referred to as "Design Systems Engineering" or "Front-end Architecture with a Design Focus" within operations and product development contexts. The fixed-term nature suggests a project-driven initiative, likely focused on establishing or significantly enhancing HUB24's design system.

📈 Primary Responsibilities

• Design System Architecture & Implementation: Lead the architecture, development, and maintenance of reusable UI components and the organization-wide design system, ensuring adherence to usability, accessibility, and visual quality standards.

• Front-end Development: Develop and implement high-quality, production-ready front-end code using JavaScript, TypeScript, HTML, and CSS, with a focus on building components using Lit or similar web component technologies.

• Cross-functional Collaboration: Partner closely with UX/UI designers, product managers, and other engineers to translate design specifications and product requirements into functional and aesthetically consistent user interfaces.

• Standards & Best Practices: Champion and enforce front-end development best practices, including responsive design principles, accessibility standards (WCAG), cross-browser compatibility, and performance optimization.

• Data Integration & Analysis: Integrate analytics tools and leverage user data to inform front-end improvements, identify areas for enhancement, and measure the impact of design system adoption.

• Documentation & Knowledge Sharing: Create clear and comprehensive documentation for the design system, components, and development processes, fostering knowledge sharing and enabling broader team adoption.

• Process Improvement: Contribute to the CI/CD pipelines, Git-based workflows, and automated testing strategies (unit and visual regression testing) to ensure efficient and reliable development cycles.

• Mentorship & Advocacy: Act as an advocate for front-end and UX excellence, raising the bar for capability across the organization and contributing to a culture of continuous learning and improvement.

📝 Enhancement Note: The responsibilities emphasize a blend of hands-on coding, architectural thinking, and cross-functional collaboration, typical of a senior individual contributor role focused on establishing foundational elements for product development. The explicit mention of Lit and design systems points towards a need for expertise in modern web component architectures and their application in large-scale digital products.

🎓 Skills & Qualifications

Education: While not explicitly stated, a Bachelor's degree in Computer Science, Software Engineering, Human-Computer Interaction, or a related field is typically expected for roles requiring 5+ years of experience. Relevant certifications in front-end development or UX design may also be considered.

Experience: Minimum of 5 years of professional experience as a front-end engineer, UX engineer, or in a similar role focused on building complex web applications and user interfaces.

Required Skills:

• Expert Proficiency in Core Web Technologies: Deep understanding and practical application of JavaScript (ES6+), TypeScript, HTML5, and CSS3.

• Design System & Component Library Expertise: Proven experience in building, maintaining, and scaling design systems and reusable UI component libraries.

• Modern Front-end Frameworks: Hands-on experience with modern JavaScript frameworks and component-based architectures (e.g., React, Vue, Angular), with a preference for web component technologies.

• Web Component Technologies: Specific experience building components using Lit is a strong requirement.

• Responsive Design & Accessibility: Solid understanding and practical application of responsive design principles and Web Content Accessibility Guidelines (WCAG).

• Cross-browser Compatibility: Ability to ensure consistent user experiences across various browsers and devices.

• Version Control: Proficiency with Git-based workflows, including branching, merging, and pull requests.

• CI/CD & Automated Testing: Familiarity with Continuous Integration/Continuous Deployment (CI/CD) pipelines and experience with automated testing methodologies (unit testing, visual regression testing).

• Documentation Skills: Strong ability to create clear, concise, and comprehensive technical documentation.

• Collaboration & Communication: Excellent interpersonal and communication skills, with a proven ability to collaborate effectively with designers, product managers, and engineers.

• Systems Thinking: Capacity to think holistically about scalable patterns, platforms, and user experience consistency.

Preferred Skills:

• Experience integrating analytics tools (e.g., Google Analytics, Adobe Analytics) and using data to drive front-end decisions.

• Familiarity with build tools and module bundlers (e.g., Webpack, Rollup).

• Experience with UI/UX design principles and user-centered design methodologies.

• Knowledge of performance optimization techniques for web applications.

• Experience working within the financial services or wealth management industry.

📝 Enhancement Note: The emphasis on "expert knowledge" and "strong experience" for core web technologies and design systems suggests this role is for a senior individual contributor. The explicit mention of "Lit" as a preferred or required technology indicates a specific stack preference by HUB24, making candidates with this experience highly sought after.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Design System Case Studies: Showcase examples of design systems or component libraries you have contributed to or led, detailing the problem, your approach, the technologies used, and the impact achieved (e.g., improved developer velocity, increased UI consistency).

• Component Development Examples: Present well-documented examples of complex UI components you have built, highlighting their reusability, accessibility features, and responsiveness.

• Code Repository Samples: Provide access to a GitHub or similar repository containing well-structured, clean, and documented code samples, ideally demonstrating your proficiency with Lit and modern front-end practices.

• Process Improvement Initiatives: Include examples of how you have improved front-end development processes, such as implementing CI/CD, introducing automated testing, or streamlining workflow.

Process Documentation:

• Workflow Design & Optimization: Demonstrate your ability to map out and optimize front-end development workflows, from design handover to deployment, emphasizing efficiency and collaboration.

• Design System Governance: Show experience in establishing guidelines and processes for the adoption and contribution to a design system, ensuring its continued relevance and quality.

• Performance & Quality Metrics: Present how you have used metrics to track the performance, adoption, and impact of design systems and front-end components.

📝 Enhancement Note: For a UX Engineer role focused on design systems, a portfolio is crucial. It should clearly demonstrate not just coding ability but also the strategic thinking behind component design, system architecture, and the impact of these efforts on product development velocity and user experience quality. The emphasis on "Lit" should be evident in portfolio examples.

💵 Compensation & Benefits

Salary Range: Based on industry benchmarks for UX Engineers with 5-10 years of experience in Sydney, Australia, the estimated salary range for this role is AUD $130,000 - $170,000 per annum. This estimate considers the fixed-term contract nature, the specialized skills required (Lit, design systems), and the cost of living in Sydney.

Benefits:

• Competitive Remuneration: A fixed-term contract with a competitive salary reflecting the senior-level expertise required.

• Professional Development: Access to learning opportunities, potentially including training, conferences, or workshops relevant to UX engineering and design systems.

• Impactful Role: Opportunity to significantly shape the user experience and front-end development standards at a leading wealth management technology provider.

• Collaborative Environment: Work within a dynamic team environment that values innovation and employee contribution.

• Employee Benefits Program: HUB24 offers a comprehensive employee benefits program, details of which can be found on their careers page, likely including health and wellness initiatives, potential for performance bonuses, and other perks.

• Potential for Future Opportunities: While a fixed-term contract, successful performance may open doors to future permanent roles or other project opportunities within HUB24.

Working Hours: The standard working hours are 40 hours per week. While the role is primarily on-site, there may be some flexibility depending on team arrangements and project needs, as is common for contract roles.

📝 Enhancement Note: The salary estimate is based on research from Australian job boards (e.g., Seek, LinkedIn Salary) for similar roles in Sydney, factoring in the specified experience level and the specialized nature of UX engineering with a design systems focus. Benefits are inferred from standard offerings for contract roles at established tech companies and HUB24's stated commitment to employee well-being.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services Technology (FinTech), specifically Wealth Management Platforms. HUB24 provides integrated platform, technology, and data solutions to financial advisors and institutions.

Company Size: HUB24 is a publicly listed company (ASX: HUB) and a significant player in the Australian wealth industry. While the exact number of employees isn't specified in the raw data, its market position suggests a medium to large enterprise, likely with hundreds of employees across its operations.

Founded: HUB24 Limited was founded in 2007. This indicates a company with a mature history, having navigated significant industry changes and technological advancements, and now focused on innovation and market leadership.

Team Structure:

• Product & Engineering Focus: The UX Engineer will likely be part of a product development or engineering team, working closely with UX/UI designers and front-end/back-end developers.

• Cross-functional Collaboration: The role emphasizes strong collaboration with product management, design, and other engineering disciplines to ensure cohesive product development.

• Design Systems Guild/Team: There might be a dedicated Design Systems team or a "guild" structure where this UX Engineer plays a lead role in developing and evangelizing the system.

Methodology:

• Agile/Scrum: It is highly probable that HUB24 employs agile methodologies (like Scrum or Kanban) for its product development, focusing on iterative delivery, continuous improvement, and rapid response to market needs.

• Data-Driven Decision Making: The emphasis on integrating analytics and using data to inform front-end improvements suggests a culture that values empirical evidence in product and design decisions.

• User-Centric Design: HUB24's focus on providing "integrated platform, technology and data solutions" implies a strong commitment to understanding and meeting customer needs, driving a user-centric approach to development.

Company Website: http://www.hub24.com.au/

📝 Enhancement Note: HUB24's position as a leader in the wealth industry implies a need for robust, scalable, and user-friendly digital solutions. The company's stated values of innovation, ambition, and moving fast suggest a dynamic work environment where a UX Engineer can have a tangible impact on product quality and development efficiency. The "Circle Back Initiative Employer" and "WORK180 endorsement" highlight a commitment to transparency and inclusivity in their recruitment and workplace culture.

📈 Career & Growth Analysis

Operations Career Level: This UX Engineer role is positioned at a senior individual contributor level. It requires deep technical expertise in front-end development and design systems, along with the ability to influence architectural decisions and drive adoption across multiple product teams. The focus is on technical leadership and execution within a specialized domain.

Reporting Structure: The UX Engineer will likely report to a Lead UX Engineer, Engineering Manager, Head of Product, or Head of Design. They will collaborate extensively with product managers, designers, and other front-end and back-end engineers across various product squads or initiatives.

Operations Impact: The impact of this role is significant. By establishing and scaling a robust design system, the UX Engineer directly contributes to:

• Increased Development Velocity: Enabling product teams to build features faster by providing pre-built, consistent components.

• Enhanced User Experience Consistency: Ensuring a unified and professional look and feel across all HUB24 digital products, improving brand perception and usability.

• Reduced Technical Debt: Promoting standardized code practices and component reuse, leading to more maintainable and scalable front-end architecture.

• Improved Accessibility & Quality: Embedding accessibility and quality standards into the core of the development process.

Growth Opportunities:

• Technical Specialization: Deepen expertise in design systems, web components, front-end architecture, and accessibility, potentially becoming a recognized authority within HUB24 or the broader industry.

• Leadership in Design Systems: Transition into a Lead Design Systems Engineer or Architect role, managing a team or broader program of work.

• Cross-functional Product Leadership: Move into Product Management or Technical Lead roles, leveraging a strong understanding of both design and engineering to drive product strategy.

• Permanent Role Conversion: Given the project-driven nature of a fixed-term contract, strong performance could lead to an offer for a permanent position within HUB24's product or engineering teams.

• Industry Influence: Contribute to open-source projects related to design systems or web components, or speak at industry conferences, building personal and company brand.

📝 Enhancement Note: The fixed-term nature of this contract role implies a specific project goal, likely the establishment or significant enhancement of a design system. Growth opportunities will be tied to the success of this project and the candidate's ability to influence and lead within that context.

🌐 Work Environment

Office Type: HUB24 has offices in Sydney and Melbourne, and the role is specified as on-site. This suggests a traditional office environment designed to foster collaboration, innovation, and team cohesion. The company emphasizes its culture and employee benefits, indicating a supportive workspace.

Office Location(s):

• Sydney: 5 Martin Place, Sydney NSW 2000, Australia. This is a prime CBD location, offering excellent access to public transport, amenities, and a professional business district.

• Melbourne: While mentioned as a location, the primary job posting specifies Sydney. This could mean opportunities exist in Melbourne, or it's a broader company presence. For this specific role, Sydney is the confirmed location.

Workspace Context:

• Collaborative Hubs: The office environment likely features open-plan areas, meeting rooms, and dedicated collaborative spaces to facilitate interaction between designers, engineers, and product teams.

• Technology & Tools: Employees will have access to modern hardware, software, and development tools necessary for front-end engineering and design system work.

• Team Integration: The on-site nature promotes spontaneous discussions, pair programming, and direct feedback loops, which are invaluable for complex tasks like design system development.

Work Schedule: The standard work week is 40 hours. While on-site, there might be some flexibility in daily start/end times, typical of modern tech work environments, but this would need to be confirmed. The focus is on delivering project milestones effectively.

📝 Enhancement Note: The specific address in Sydney's CBD highlights a professional, well-connected work environment. The emphasis on collaboration suggests the office is designed to support team-based development and knowledge sharing, critical for a UX Engineer role.

📄 Application & Portfolio Review Process

Interview Process:

• Application Submission: Submit resume and cover letter (optional but recommended) via the Workday portal.

• Initial Screening: The Talent team reviews applications for alignment with core requirements. Unsuccessful candidates will be notified.

• Talent Team Discussion: If your application progresses, the Talent team will contact you for an initial conversation to discuss your background, interest in the role, and cultural fit.

• Technical Interview(s): This will likely involve one or more interviews with the hiring manager and potentially other senior engineers or designers. Expect in-depth discussions about your experience with JavaScript, TypeScript, HTML, CSS, Lit, design systems, and front-end architecture.

• Portfolio Review: A dedicated session to walk through your portfolio. This is where you'll present case studies of your design system work, component examples, and process improvements. Be prepared to discuss your thought process, technical decisions, and the impact of your contributions.

• Potential Practical Exercise/Case Study: Depending on the role's specifics, you might be asked to complete a small coding challenge or a design system-related exercise, either take-home or during an interview.

• Final Interview/Meet the Team: A final conversation with senior leadership or key stakeholders to assess overall fit and strategic alignment.

• Offer & Background Checks: If successful, an offer will be extended, contingent on a police check.

Portfolio Review Tips:

• Curate Selectively: Focus on 2-3 of your strongest projects that best demonstrate your expertise in design systems, component development (especially with Lit), and front-end architecture.

• Tell a Story: For each project, clearly articulate the problem you were solving, your specific role and contributions, the technical solutions you implemented, the challenges you overcame, and the measurable outcomes or impact.

• Showcase Code Quality: If possible, have links to live examples or well-documented GitHub repositories. Ensure code is clean, commented, and follows best practices.

• Highlight Design System Impact: Emphasize how your work on design systems has improved efficiency, consistency, accessibility, or developer experience for others.

• Prepare for Deep Dives: Be ready to answer detailed questions about your technical choices, architectural decisions, and problem-solving approaches.

Challenge Preparation:

• Revisit Core Technologies: Brush up on advanced JavaScript/TypeScript concepts, CSS architecture (e.g., BEM, CSS Modules, CSS-in-JS), and the specifics of Lit Element or other web component standards.

• Design System Principles: Understand the principles of atomic design, component state management, theming, and accessibility within design systems.

• Problem-Solving Scenarios: Practice articulating how you would approach common front-end challenges, such as building a complex component, refactoring legacy code, or improving performance.

• Company Research: Understand HUB24’s business, its digital products, and its position in the wealth management industry to tailor your responses and demonstrate genuine interest.

📝 Enhancement Note: The interview process description provided by HUB24 is quite detailed. The enhancement focuses on translating these steps into actionable advice for a UX Engineer candidate, emphasizing the critical role of the portfolio and technical depth.

🛠 Tools & Technology Stack

Primary Tools:

• Core Languages: JavaScript (ES6+), TypeScript, HTML5, CSS3.

• Web Component Framework: Lit (or similar web component technologies like Stencil, native Web Components).

• Front-end Frameworks: Experience with modern frameworks such as React, Vue, or Angular is beneficial, as they often integrate with or are influenced by design system principles.

• CSS Preprocessors/Methodologies: Familiarity with SASS/LESS or methodologies like BEM, SMACSS, or CSS Modules.

• Build Tools: Webpack, Rollup, Parcel, or Vite for module bundling and asset management.

Analytics & Reporting:

• Analytics Platforms: Google Analytics, Adobe Analytics, or similar for tracking user behavior and feature adoption.

• Data Visualization: Tools like Tableau, Power BI, or D3.js might be used indirectly to interpret data that informs front-end decisions.

CRM & Automation:

• Version Control: Git is essential, with platforms like GitHub, GitLab, or Bitbucket.

• CI/CD Tools: Jenkins, GitLab CI, GitHub Actions, Azure DevOps, or similar for automated builds and deployments.

• Project Management/Collaboration: Jira, Confluence, Asana, or Trello for workflow management and documentation.

📝 Enhancement Note: The explicit mention of "Lit" is a key differentiator. The technology stack reflects a modern front-end development environment focused on component-based architectures and efficient delivery pipelines.

👥 Team Culture & Values

Operations Values:

• Innovation & Ambition: HUB24 seeks individuals who are forward-thinking, not constrained by traditional thinking, and bold enough to visualize the future differently.

• Impact & Empowerment: The company fosters a culture where employees are empowered to bring their ideas and creativity to work and have a real impact on the business and customer success.

• Collaboration & Partnership: Working effectively across design, product, and engineering teams is paramount, requiring strong communication and a partnership mindset.

• Quality & Consistency: A commitment to maintaining a high bar for usability, accessibility, and visual quality in all digital products is essential.

• Continuous Improvement & Growth Mindset: A desire to raise the bar for front-end and UX capability, embracing learning and adapting to new technologies and methodologies.

Collaboration Style:

• Cross-functional Integration: Expect to work closely with designers on component specifications, product managers on feature requirements, and other engineers for integration and testing.

• Feedback-Driven: A culture that encourages open feedback exchange to refine components, improve processes, and ensure alignment.

• Knowledge Sharing: Proactive sharing of knowledge about the design system, best practices, and new technologies through documentation, presentations, or informal discussions.

• Agile Teamwork: Working within agile teams, contributing to stand-ups, sprint planning, and retrospectives, fostering a shared sense of ownership and responsibility.

📝 Enhancement Note: HUB24's emphasis on being "innovative and ambitious" and "moving fast" suggests a dynamic and results-oriented culture. The "Circle Back Initiative Employer" and "WORK180 endorsement" further underline a commitment to transparency, employee well-being, and inclusivity.

⚡ Challenges & Growth Opportunities

Challenges:

• Design System Adoption: Persuading and enabling diverse product teams to adopt and consistently use the new or enhanced design system can be challenging, requiring strong advocacy and support.

• Balancing Innovation and Standardization: Finding the right balance between maintaining strict standards and allowing teams the flexibility to innovate and meet specific feature requirements.

• Technical Debt Management: Addressing existing technical debt within the front-end codebase while simultaneously building out a new design system.

• Cross-Team Dependencies: Managing dependencies and ensuring alignment across multiple product teams, each with its own priorities and development cycles.

• Fixed-Term Contract Constraints: Working within a defined timeline to deliver significant project outcomes, requiring efficient planning and execution.

Learning & Development Opportunities:

• Deepen Design System Expertise: Become a subject matter expert in design system architecture, component development patterns, and their strategic implementation.

• Master Web Component Technologies: Gain advanced proficiency in Lit and related web component standards, positioning yourself at the forefront of modern front-end development.

• Influence Product Strategy: Contribute to the strategic direction of HUB24's digital products through the lens of user experience and front-end architecture.

• Mentorship: Opportunity to mentor junior engineers or designers on design system principles and front-end best practices.

• Industry Exposure: Work on cutting-edge technology within the FinTech sector, gaining valuable experience in a rapidly evolving industry.

📝 Enhancement Note: The challenges are derived from the nature of design system work and the fixed-term contract, while growth opportunities are aligned with deepening technical expertise and influencing product strategy within HUB24.

💡 Interview Preparation

Strategy Questions:

• Design System Vision: "Describe your ideal design system. What are its core principles, and how would you approach building one from scratch or evolving an existing one at HUB24?" (Focus on architecture, governance, adoption strategy, and key technologies like Lit).

• Component Design & Reusability: "Walk us through the process of designing and building a complex, reusable UI component. What factors do you consider for accessibility, performance, and maintainability?" (Be ready to use a portfolio example and discuss technical trade-offs).

• Cross-functional Collaboration: "How do you ensure effective collaboration between design, product, and engineering teams when developing and implementing a design system? Describe a time you navigated conflicting priorities." (Highlight communication strategies, feedback loops, and empathy for different stakeholder needs).

Company & Culture Questions:

• Impact at HUB24: "Given HUB24's position in the wealth industry, what do you see as the biggest opportunities for UX engineering and design systems to drive business impact?" (Connect your skills to HUB24's business goals and FinTech context).

• Growth Mindset: "How do you stay current with front-end technologies and design system trends? Describe a time you learned a new technology or process that significantly improved your work." (Showcase your commitment to continuous learning).

• Values Alignment: "HUB24 values innovation and ambition. Can you give an example from your career where you demonstrated these values?" (Relate your experiences to the company's stated values).

Portfolio Presentation Strategy:

• Structure Your Narrative: For each project, use a STAR (Situation, Task, Action, Result) or similar framework. Clearly define the problem, your role, the specific actions you took (especially with Lit and design system building), and the measurable results.

• Focus on Impact: Quantify your achievements whenever possible. Did your work increase development speed by X%? Did it reduce UI bugs by Y%? Did it improve user engagement?

• Showcase Technical Depth: Be prepared to dive deep into the technical aspects of your projects, explaining architectural decisions, code patterns, and the rationale behind your choices.

• Demonstrate Process: Explain your development process, including how you handle feedback, testing, and collaboration. Highlight your documentation habits.

• Tailor to HUB24: If possible, subtly tailor your examples to illustrate how your skills would benefit HUB24's specific challenges or opportunities in the wealth management space.

📝 Enhancement Note: The interview preparation advice is designed to help candidates anticipate technical, behavioral, and strategic questions relevant to a senior UX Engineer role focused on design systems, emphasizing practical application and impact.

📌 Application Steps

To apply for this UX Engineer position:

• Submit your application through the HUB24 Careers portal via the provided link.

• Tailor your resume to highlight your expert proficiency in JavaScript, TypeScript, HTML, CSS, and specifically your experience with Lit and building design systems. Quantify your achievements where possible.

• Prepare your portfolio with 2-3 strong case studies demonstrating your design system contributions, component development, and process improvements. Ensure code samples are clean and well-documented.

• Research HUB24 thoroughly, understanding their business, their digital offerings, and their company culture. This will help you tailor your application and interview responses.

• Practice articulating your experience using the STAR method, focusing on the impact of your work and your ability to collaborate across teams. Be ready to discuss your approach to building and scaling design systems with technologies like Lit.

⚠️ 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. The fixed-term nature of this role suggests a project-driven need, so understanding the scope and expected outcomes of the design system initiative will be key.