Senior Frontend Developer, UX Specialist

📍 Job Overview

Job Title: Senior Frontend Developer, UX Specialist

Company: Affinity Credit Union

Location: Saskatchewan, Canada

Job Type: Full-time

Category: Software Development / User Experience

Date Posted: March 20, 2026

Experience Level: 7+ Years

Remote Status: On-site

🚀 Role Summary

• Architect and develop user-facing features for core banking systems and internal back-office applications, with a strong emphasis on API integration and robust error handling.

• Design and implement a comprehensive design framework, leveraging modern design language principles to create standardized, reusable UI components and applications.

• Write clean, well-documented, and thoroughly tested code adhering to professional development standards to ensure long-term system reliability and maintainability.

• Collaborate closely with business stakeholders, product owners, and backend API developers to translate complex business requirements into intuitive and efficient web applications that streamline financial operations.

📝 Enhancement Note: While the title is "Senior Frontend Developer, UX Specialist," the core responsibilities and requirements lean heavily into advanced frontend development with a focus on user experience principles and integration. The role is not a pure UX designer but a developer who understands and implements UX best practices within the frontend architecture. The "Specialist" aspect implies a deep understanding of frontend performance optimization and potentially AI-assisted development tools.

📈 Primary Responsibilities

• Design, develop, and maintain user-facing features for the credit union's banking platform and internal operational applications, ensuring seamless integration with internal and external APIs.

• Implement robust error handling, data validation, and state management strategies to ensure application stability and data integrity across all user interactions.

• Architect and build a scalable design system and component library using modern JavaScript frameworks and design language principles, promoting consistency and reusability across the platform.

• Translate UX/UI designs from tools like Figma into high-quality, production-ready code, collaborating with UX designers to ensure fidelity and usability.

• Write comprehensive, understandable, and well-documented code that adheres to professional development standards, including unit and integration testing, to maintain long-term system reliability.

• Partner with product owners and business stakeholders to gather requirements, define user stories, and deliver intuitive web applications that enhance banking operations and member experience.

• Optimize frontend performance for speed, scalability, and responsiveness across various devices and browsers, employing best practices in code efficiency and asset loading.

• Mentor junior developers, share knowledge, and potentially lead small development teams, fostering a culture of collaboration and continuous improvement within the engineering department.

📝 Enhancement Note: The responsibilities highlight a senior-level role requiring not just coding but also architectural design, system reliability focus, and team mentorship, aligning with a "Senior" designation. The emphasis on banking systems and operational applications suggests a need for attention to detail, security, and compliance.

🎓 Skills & Qualifications

Education:

• Post-secondary diploma or degree in Computer Science, Software Engineering, Information Technology, or a related field.

Experience:

• A minimum of 7 years of progressive experience in frontend development.

• Proven experience in designing and developing complex user-facing features for web applications, ideally within the financial services or regulated industry sector.

Required Skills:

• Modern JavaScript Frameworks: Deep proficiency with contemporary JavaScript frameworks (e.g., React, Angular, Vue.js) for building scalable and maintainable applications.

• HTML5 & CSS3: Expert-level understanding of semantic HTML5 and advanced CSS3 concepts, including responsive design techniques, preprocessors (e.g., Sass, Less), and CSS-in-JS solutions.

• Contemporary JavaScript: Strong command of modern JavaScript (ES6+) features, asynchronous programming, and frontend performance optimization techniques.

• API Integration: Proven experience integrating with RESTful APIs, managing requests, responses, and handling complex data structures.

• Frontend Performance Optimization: In-depth knowledge of techniques for optimizing frontend performance, including code splitting, lazy loading, image optimization, and efficient rendering.

• Design Tools (Figma): Experience using design tools like Figma for collaborating with UX designers and translating design mockups and prototypes into functional code.

• Error Handling & State Management: Solid understanding and practical application of robust error handling, data validation, and state management patterns (e.g., Redux, Vuex, Context API).

Preferred Skills:

• AI-assisted Development Tools: Familiarity with AI-assisted development tools and practices, including code generation, automated testing, and intelligent code completion to enhance development productivity.

• Design System Development: Experience in architecting and implementing comprehensive design frameworks and reusable component libraries.

• Automated Testing: Proficiency in writing unit, integration, and end-to-end tests using frameworks like Jest, React Testing Library, Cypress, or Playwright.

• Accessibility (WCAG): Knowledge of web accessibility standards (WCAG) and experience implementing accessible interfaces.

• Backend Collaboration: Experience working closely with backend developers to define API contracts and troubleshoot integration issues.

• Agile Methodologies: Experience working in Agile/Scrum development environments.

📝 Enhancement Note: The "7 years of related experience" requirement, combined with "mentoring junior developers or leading small development teams," strongly suggests a Senior Frontend Developer role. The specific mention of AI-assisted development tools and Figma points to a proactive approach to modern development practices and design collaboration. The "UX Specialist" part of the title is addressed by the emphasis on user-facing features, intuitive applications, and Figma integration.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Frontend Project Showcase: A portfolio demonstrating successful development of complex, user-facing web applications, ideally with examples of banking or financial systems, or applications with intricate data management.

• Component Library/Design System Examples: If available, showcase contributions to or the creation of design systems, component libraries, or style guides that emphasize reusability, consistency, and maintainability.

• Performance Optimization Case Studies: Examples of projects where significant frontend performance improvements were achieved, detailing the challenges, methodologies used, and measurable outcomes (e.g., load times, responsiveness improvements).

• API Integration Examples: Demonstrations of applications that effectively integrate with backend APIs, showcasing robust data handling, error management, and state synchronization.

Process Documentation:

• Workflow Design & Optimization: Provide examples of how you have contributed to or designed development workflows, focusing on improving efficiency, code quality, and collaboration within a development team.

• Implementation & Automation: Detail instances where you've implemented new tools, frameworks, or automated processes (e.g., CI/CD pipelines, automated testing) to enhance the development lifecycle.

• Measurement & Analysis: Present how you have tracked and analyzed frontend performance metrics, user engagement, or code quality metrics to drive continuous improvement.

📝 Enhancement Note: For a senior frontend role with UX specialization, a portfolio is crucial. It should not just show finished products but also the developer's thought process, problem-solving skills, and impact on performance and user experience. The emphasis on process documentation reflects the senior responsibility of improving development practices.

💵 Compensation & Benefits

Salary Range:

Based on industry benchmarks for Senior Frontend Developers with UX specialization in Saskatchewan, Canada, and considering the 7+ years of experience requirement, the estimated annual salary range is CAD $95,000 - $130,000. This range accounts for the cost of living in Saskatchewan and the competitive demand for skilled frontend talent.

Benefits:

• Comprehensive Health & Dental: Full health and dental insurance coverage to support employee well-being.

• Pension Plan: A robust pension plan to ensure long-term financial security.

• Health Spending Account (HSA): An additional account for eligible health-related expenses.

• Generous Vacation Time: Ample paid vacation days to promote work-life balance.

• Personal Days Off: Dedicated personal days for flexibility and managing personal needs.

• Paid Volunteer Day: Opportunity to contribute to the community with paid time off for volunteering.

• Referral Bonus Program: Incentives for employees who refer successful candidates to the company.

• Competitive Salary & Bonuses: A competitive base salary complemented by potential bonuses.

Working Hours:

• Standard full-time hours, likely 37.5 to 40 hours per week.

• The role is primarily on-site, suggesting a fixed daily schedule with potential for some flexibility depending on team needs and project deadlines.

📝 Enhancement Note: Salary estimation is based on general market data for senior frontend roles in Canada, adjusted for a specific province (Saskatchewan) and the specified experience level. Benefits are directly listed from the provided text. The working hours are inferred from "standard full-time" and the on-site nature of the role.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services (Credit Union)

Company Size: Affinity Credit Union is typically described as a medium-sized credit union, employing several hundred individuals across its branches and corporate offices. This size often fosters a balance between the personalized culture of a smaller organization and the resources of a larger one.

Founded: Affinity Credit Union has a history dating back many years, reflecting a stable and established presence in the financial services sector.

Team Structure:

• Operations Team: The developer will likely be part of a broader IT or Digital Transformation team, working within a frontend development pod or a dedicated digital product team.

• Reporting Structure: The Senior Frontend Developer would typically report to a Development Lead, Engineering Manager, or potentially a Director of Digital Solutions.

• Cross-functional Collaboration: Expect close collaboration with UX/UI designers, backend developers, API specialists, product managers, business analysts, and potentially IT security and compliance teams, given the financial industry context.

Methodology:

• Agile Development: Affinity Credit Union likely employs Agile methodologies (Scrum, Kanban) for its software development projects, emphasizing iterative development, continuous feedback, and adaptability.

• User-Centric Design: A strong focus on member experience and user-centric design principles will guide development efforts.

• Data-Driven Decisions: While the role is frontend-focused, decisions regarding features and optimizations will likely be informed by data analytics, user feedback, and business requirements.

Company Website: https://www.affinitycu.ca/

📝 Enhancement Note: The company context is derived from the general understanding of credit unions and the provided introductory text. The team structure and methodology are inferred based on typical software development environments in established financial institutions.

📈 Career & Growth Analysis

Operations Career Level: Senior Frontend Developer, UX Specialist. This level indicates a highly experienced individual contributor with a deep technical skill set and the ability to influence technical direction, mentor others, and contribute to architectural decisions. The "UX Specialist" aspect suggests a focus on user-centric design and frontend performance.

Reporting Structure: The role reports into a technical management layer (e.g., Development Manager, Lead Developer) and collaborates extensively with product management and other engineering teams. This provides visibility into strategic initiatives and cross-functional alignment.

Operations Impact: The role has a direct impact on the user experience of Affinity Credit Union's digital platforms, which are critical for member acquisition, retention, and service delivery. Optimizing these interfaces directly influences member satisfaction, operational efficiency, and the adoption of digital banking services.

Growth Opportunities:

• Technical Specialization: Deepen expertise in specific frontend technologies, performance optimization, or emerging areas like AI-assisted development.

• Architectural Leadership: Transition into roles focused on frontend architecture, setting technical standards, and guiding the technical direction of the digital platform.

• Team Leadership: Move into a Lead Developer or Development Manager role, taking on more responsibility for team management, project delivery, and strategic planning.

• Cross-Functional Expertise: Develop broader knowledge in areas like product management, business analysis, or backend systems through collaboration.

📝 Enhancement Note: The growth analysis is based on common career paths for senior-level software developers, particularly those with a specialization like UX. The impact is tied to the critical nature of digital platforms in the financial services industry.

🌐 Work Environment

Office Type: Affinity Credit Union operates with a blend of physical branches and corporate offices. This role is likely based in a corporate office environment that supports technology teams.

Office Location(s): Based in Saskatchewan, Canada. Specific office locations would be within major or mid-sized urban centers in the province where the credit union has a significant corporate presence.

Workspace Context:

• Collaborative Spaces: The office environment will likely include open-plan areas for collaboration, meeting rooms equipped for team discussions, and potentially quiet zones for focused work.

• Technology & Tools: Access to modern development hardware, software licenses, and robust IT infrastructure will be provided to support development activities.

• Team Interaction: Regular opportunities for face-to-face interaction with colleagues, fostering a sense of team cohesion and enabling spontaneous problem-solving and knowledge sharing.

Work Schedule:

• Primarily on-site, requiring the employee to be present at the designated office location.

• Standard business hours are expected, with potential for occasional flexibility to meet project deadlines or urgent production issues, typical in software development roles.

📝 Enhancement Note: The work environment description is inferred from the "on-site" nature of the job and the general characteristics of corporate offices in established organizations, particularly in the financial sector.

📄 Application & Portfolio Review Process

Interview Process:

• Application Submission: Submit Resume and Cover Letter detailing how qualifications are met.

• Initial Screening: HR or a technical recruiter will review applications for basic qualifications and experience.

• Technical Interview(s): One or more interviews focusing on frontend development skills, JavaScript proficiency, framework knowledge, problem-solving abilities, and understanding of UX principles. This may include coding challenges or live coding exercises.

• Portfolio Review: A dedicated session where the candidate presents and discusses their portfolio, highlighting key projects, design decisions, performance optimizations, and their role in the development process.

• Team/Stakeholder Interview: Meet with potential team members, product managers, or business stakeholders to assess cultural fit, communication skills, and ability to collaborate.

• Final Interview: Potentially with senior leadership or the hiring manager to discuss the role in depth and finalize the offer.

Portfolio Review Tips:

• Storytelling: Structure your portfolio presentations around the "problem, solution, outcome" narrative for each project. Explain the business need, the technical challenges, your specific contributions, and the positive impact (e.g., improved performance, user satisfaction, efficiency).

• Focus on Impact: Quantify achievements wherever possible. Instead of "improved performance," say "reduced page load time by 30%."

• Code Quality: Be prepared to discuss code structure, design patterns, testing strategies, and how you ensure maintainability and scalability.

• UX Integration: Clearly articulate how you incorporated UX principles and translated designs into the final product, demonstrating your understanding of user needs.

• Relevance: Tailor your portfolio presentation to highlight projects most relevant to financial services, complex applications, or performance-critical systems.

Challenge Preparation:

• Coding Challenges: Practice common frontend coding challenges focusing on algorithms, data structures, and UI manipulation in JavaScript.

• System Design: Be prepared to discuss how you would architect a specific frontend feature or application, considering scalability, performance, and maintainability.

• Behavioral Questions: Prepare responses for behavioral questions using the STAR method (Situation, Task, Action, Result), particularly focusing on collaboration, problem-solving, and leadership/mentorship experiences.

• Company Research: Understand Affinity Credit Union's mission, values, and digital offerings to tailor your responses and demonstrate genuine interest.

📝 Enhancement Note: The interview process and preparation tips are tailored for a senior frontend developer role, emphasizing technical depth, problem-solving, and the ability to articulate impact through a portfolio. The "UX Specialist" aspect is integrated by focusing on user-centric design and presentation.

🛠 Tools & Technology Stack

Primary Tools:

• JavaScript Frameworks: Expertise in at least one modern framework like React, Angular, or Vue.js is essential.

• HTML5 & CSS3: Deep proficiency in web standards.

• Version Control: Git (e.g., GitHub, GitLab, Bitbucket) for source code management.

• Build Tools: Webpack, Vite, or similar for module bundling and frontend asset management.

• Package Managers: npm or Yarn for managing project dependencies.

Analytics & Reporting:

• Web Analytics: Familiarity with tools like Google Analytics or similar platforms to understand user behavior and track key metrics.

• Performance Monitoring Tools: Browser developer tools, Lighthouse, WebPageTest for frontend performance analysis.

• Dashboarding Tools: Experience with tools for visualizing data and creating reports (e.g., Power BI, Tableau, or custom internal dashboards) might be beneficial for understanding overall platform performance.

CRM & Automation:

• Design Collaboration Tools: Figma is explicitly mentioned and is critical for design-to-code workflows.

• Project Management Tools: Jira, Asana, Trello, or similar for task management and agile workflow tracking.

• CI/CD Tools: Familiarity with continuous integration and continuous deployment pipelines (e.g., Jenkins, Azure DevOps, GitLab CI) would be advantageous for understanding the deployment process.

📝 Enhancement Note: The tools and technology stack are inferred from the "Required Skills" and "Preferred Skills" sections, along with general best practices for modern frontend development in enterprise environments. The emphasis on AI-assisted tools and Figma is specifically called out.

👥 Team Culture & Values

Operations Values:

• Affinity: A core value reflected in the company name, suggesting a focus on building strong relationships with members and colleagues, fostering a sense of belonging and mutual support.

• Collaboration: Emphasis on teamwork and working together to achieve common goals, likely translating into cross-functional project teams and open communication channels.

• Innovation: Encouragement of fresh ideas and driving improvements, particularly relevant for a digital/technical role focused on optimizing user experience and application performance.

• Integrity: Essential in the financial services industry, implying a commitment to ethical practices, transparency, and trustworthiness in all aspects of work and member interactions.

• Efficiency: A drive to streamline processes and optimize operations, aligning with the need for high-performing and reliable digital platforms.

Collaboration Style:

• Cross-functional Integration: Expect a collaborative environment where frontend developers work closely with UX/UI designers, backend engineers, product managers, and business stakeholders.

• Open Communication: A culture that encourages asking questions, sharing knowledge, and providing constructive feedback to ensure project success and continuous improvement.

• Agile Practices: Teamwork is central to Agile methodologies, emphasizing shared responsibility, iterative feedback, and collective problem-solving.

📝 Enhancement Note: The values are inferred from the company's name and introductory text, combined with common values in the credit union sector and technology development. The collaboration style is typical for modern software development teams.

⚡ Challenges & Growth Opportunities

Challenges:

• Legacy System Integration: Integrating modern frontend applications with potentially older, legacy backend systems within the financial sector can present technical hurdles.

• Security & Compliance: Adhering to stringent financial industry regulations and security standards while developing user-friendly interfaces requires careful planning and execution.

• Balancing Innovation with Stability: Introducing new technologies and features while maintaining the stability and reliability of critical banking platforms.

• Cross-Departmental Alignment: Ensuring that technical implementations align with diverse business needs and stakeholder expectations across different departments.

Learning & Development Opportunities:

• Advanced Frontend Techniques: Opportunities to deepen expertise in performance optimization, accessibility, and new framework features.

• AI-Assisted Development: Learning to leverage AI tools for enhanced productivity, code quality, and innovation in development workflows.

• Financial Services Domain Knowledge: Gaining a deeper understanding of the credit union business, member needs, and industry-specific challenges.

• Mentorship & Leadership Development: Opportunities to mentor junior developers and potentially grow into leadership roles within the engineering team.

📝 Enhancement Note: Challenges are identified based on common issues in enterprise-level frontend development, particularly within regulated industries like financial services. Growth opportunities are aligned with senior-level career progression and the specific skills mentioned in the job description.

💡 Interview Preparation

Strategy Questions:

• Frontend Architecture: "Describe how you would architect a new feature for our online banking portal, focusing on scalability, performance, and maintainability." (Prepare to discuss component structure, state management, API integration strategy, and testing approach.)

• Performance Optimization: "Walk us through a time you significantly improved the frontend performance of a web application. What metrics did you track, and what was the impact?" (Be ready to provide specific examples from your portfolio.)

• UX/UI Translation: "How do you ensure that a design from Figma is accurately translated into functional, high-quality code, while also contributing to the overall user experience?" (Discuss your process, tools, and collaboration with designers.)

• AI in Development: "What are your thoughts on using AI-assisted development tools? Can you give an example of how you might use code generation or AI-powered testing to improve your workflow?" (Demonstrate understanding and practical application of these tools.)

Company & Culture Questions:

• "What interests you about Affinity Credit Union and the financial services industry?" (Research the company's mission, values, and recent news.)

• "How do you approach collaboration with backend developers and product managers, especially when there are differing opinions or technical constraints?" (Highlight your communication and problem-solving skills.)

Portfolio Presentation Strategy:

• Select Key Projects: Choose 2-3 projects that best represent your skills in modern frontend development, UX integration, performance optimization, and API usage.

• Quantify Impact: For each project, clearly articulate the problem, your specific solution, and the measurable results (e.g., performance gains, user engagement improvements, efficiency increases).

• Highlight Your Role: Be specific about your contributions, especially in team settings.

• Technical Depth: Be prepared to discuss the technical decisions, frameworks, and patterns used, and why you made those choices.

• Demonstrate Process: Explain your development workflow, testing strategies, and how you collaborate with designers and other team members.

📝 Enhancement Note: Interview preparation advice is tailored to a senior frontend role, emphasizing technical depth, problem-solving, and the ability to articulate impact through portfolio examples and strategic discussions. The "UX Specialist" aspect is integrated by focusing on design translation and user-centric outcomes.

📌 Application Steps

To apply for this Senior Frontend Developer, UX Specialist position:

• Submit your application through the provided link on the Dayforce portal.

• Resume & Cover Letter Customization: Ensure your resume and cover letter specifically highlight your experience with modern JavaScript frameworks, HTML5, CSS3, frontend performance optimization, and any experience with AI-assisted development tools or Figma. Clearly state how your 7+ years of experience meet the requirements.

• Portfolio Preparation: Curate your portfolio to showcase relevant projects that demonstrate your frontend architecture skills, UX integration capabilities, and quantifiable achievements in performance optimization. Be ready to present and discuss these projects in detail.

• Technical Skill Refresher: Review core JavaScript concepts, your preferred frontend framework(s), API integration patterns, and common performance optimization techniques. Practice coding challenges if applicable.

• Company Research: Familiarize yourself with Affinity Credit Union's mission, values, and digital offerings to tailor your responses during interviews and demonstrate genuine interest. Understand the importance of security and user experience within the financial services sector.

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

---