Senior Frontend Engineer (Angular + UX) - REMOTE - #35028

📍 Job Overview

Job Title: Senior Frontend Engineer (Angular + UX) - REMOTE - #35028

Company: Manila Recruitment

Location: Philippines

Job Type: FULL_TIME

Category: Frontend Engineering / UI/UX Development

Date Posted: April 20, 2026

Experience Level: 5-10 Years

Remote Status: Remote Solely

🚀 Role Summary

• Spearhead the development and evolution of a modern Angular-based platform, ensuring high-quality user experiences for complex, data-driven interfaces.

• Take ownership of UI/UX design and implementation, translating product requirements into clean, intuitive, and visually consistent interfaces with a strong emphasis on frontend craftsmanship.

• Collaborate closely with backend engineers and product teams to integrate frontend solutions seamlessly and contribute to the strategic development of add-ons and integrations.

• Leverage advanced state management techniques (RxJS, NgRx) and architectural patterns (smart/dumb components, modularity, lazy loading) to build scalable and performant frontend applications.

📝 Enhancement Note: While the core responsibilities point to a Senior Frontend Engineer, the explicit emphasis on "UX ownership," "strong eye for design," and "making sound UI/UX decisions independently" indicates a hybrid role where deep frontend technical expertise is critical, but the ability to influence and drive user experience design is equally paramount. This is not just a coding role, but one that requires a product-minded engineer.

📈 Primary Responsibilities

• Develop and maintain scalable frontend applications utilizing Angular version 14+, adhering to best practices in component architecture and performance optimization.

• Implement and manage advanced state management solutions using RxJS and NgRx, ensuring efficient data flow and predictable application behavior.

• Design and build custom UI components and features using advanced SCSS and CSS, focusing on unique styling and a consistent design system rather than relying on pre-built libraries.

• Ensure strict adherence to UI/UX best practices, paying meticulous attention to layout, spacing, responsiveness, and interaction quality to create intuitive user experiences.

• Collaborate effectively with cross-functional teams, including backend engineers and product managers, to define requirements, provide technical insights, and ensure alignment on product vision.

• Extend existing UI functionalities and develop new features that seamlessly integrate with the product’s established design system and visual language.

• Translate complex product requirements into clean, maintainable, and visually consistent user interfaces that enhance usability and user satisfaction.

• Proactively identify and implement performance optimizations within the frontend application to ensure a smooth and responsive user experience, even with complex data visualizations.

📝 Enhancement Note: The description strongly emphasizes custom SCSS/CSS and "no use of Material, Bootstrap, Tailwind, etc.," highlighting a need for a frontend engineer with exceptional styling capabilities and a deep understanding of CSS architecture. This suggests the company values unique branding and a highly tailored user interface over rapid implementation using common UI frameworks.

🎓 Skills & Qualifications

Education:

Experience:

• A minimum of 5 years of extensive, hands-on experience in frontend development is required.

Required Skills:

• Advanced proficiency in Angular, specifically versions 14 and above, including deep understanding of its core principles and ecosystem.

• At least 3 years of dedicated experience with RxJS for reactive programming and NgRx for state management, including complex state manipulation and side effects.

• Expertise in Smart/Dumb component separation, OnPush change detection strategies, and the implementation of standalone components for improved modularity and performance.

• Solid knowledge of Angular's modular architecture, including module separation, lazy loading for optimized initial load times, routing configurations, guards, and resolvers.

• Advanced SCSS and CSS skills, including proficiency in creating custom mixins, managing complex stylesheets, and building custom-styled interfaces without relying on external UI libraries.

• A strong eye for design, UI consistency, and a high standard for frontend craftsmanship, evidenced by a portfolio showcasing attention to detail.

• Proven ability to extend existing UI features and develop new functionalities that seamlessly integrate within an established UI/UX system.

• Confidence and experience in building custom-styled interfaces with a focus on unique visual identity and branding.

• Proficiency in handling complex layouts, implementing animations, and ensuring robust responsive behavior across various devices and screen sizes.

• High attention to detail concerning spacing, alignment, transitions, and overall usability, ensuring a polished and professional user experience.

• Ability to make sound, independent UI/UX decisions that align with product goals and user needs.

• Excellent communication skills in English, with the ability to articulate technical concepts clearly and effectively to foreign counterparts and cross-functional teams.

Preferred Skills:

• Experience in C# .NET (version 10+) for backend development, facilitating a better understanding of full-stack architecture and integration.

• Experience with frontend unit testing frameworks like Jasmine and end-to-end testing tools such as Cypress.

• Familiarity with backend unit and integration testing using XUnit.

• Knowledge of architectural patterns such as Clean Architecture (DDD), MediatR, CQRS, and Entity Framework.

• Experience in creating mockups using design tools like Figma and actively participating in the development and maintenance of design systems.

📝 Enhancement Note: The "Must-have" list is extensive and highly specific, particularly regarding Angular versions, RxJS/NgRx experience, and custom CSS skills. Candidates should be prepared to demonstrate deep expertise in these areas, as they are clearly critical for this role. The "Advantageous" skills suggest a company that values a full-stack understanding and modern development practices, even for a frontend-focused role.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrate a strong portfolio showcasing complex frontend applications built with Angular, highlighting custom styling and adherence to design principles.

• Include case studies or examples of projects where you took significant UI/UX ownership, illustrating your ability to make independent design decisions and translate product requirements into intuitive interfaces.

• Provide evidence of experience with advanced state management (RxJS, NgRx) and modular architecture (lazy loading, component separation), explaining the architectural choices made and their impact.

Process Documentation:

• Be prepared to discuss your process for translating product requirements into technical specifications and UI designs, emphasizing your approach to UI/UX consistency and attention to detail.

• Demonstrate your workflow for building and extending custom UI components using SCSS/CSS, including your methods for ensuring maintainability and scalability.

• Articulate your strategies for collaborating with backend and product teams, outlining how you ensure seamless integration and alignment throughout the development lifecycle.

• Explain your approach to frontend testing, including unit and end-to-end testing methodologies, and how you ensure code quality and application stability.

📝 Enhancement Note: Given the emphasis on UI/UX ownership and custom styling, a portfolio that clearly distinguishes between purely technical implementation and design-driven contributions will be highly valued. Candidates should be ready to discuss their thought process behind design decisions and how they ensure visual consistency and user flow.

💵 Compensation & Benefits

Salary Range:

Benefits:

• Remote Work: Fully remote position, offering flexibility and work-life balance, allowing you to work from any location within the Philippines.

• Health Insurance: Comprehensive health insurance coverage, potentially including medical, dental, and vision benefits.

• Paid Time Off: Generous paid time off (PTO) policy, including vacation leave, sick leave, and potentially national holidays.

• Professional Development: Opportunities for continuous learning, including access to training resources, workshops, and potentially support for certifications in modern frontend technologies.

• Performance Bonuses: Potential for performance-based bonuses tied to individual contributions and company success.

• Equipment Allowance: Possibility of a stipend or allowance for home office setup and equipment to ensure optimal working conditions.

• Collaborative Environment: Access to a highly collaborative working environment with brilliant and experienced professionals, fostering knowledge sharing and professional growth.

Working Hours:

• Standard full-time working hours, typically around 40 hours per week. Some flexibility may be expected to align with the core working hours of the Vienna-based company for effective collaboration.

📝 Enhancement Note: Salary estimates are based on aggregated data for senior frontend roles in the Philippines, considering the specific tech stack (Angular 14+, RxJS, NgRx) and the emphasis on custom UI/UX. Benefits are typical for remote roles and companies operating internationally, aiming to attract and retain top talent.

🎯 Team & Company Context

🏢 Company Culture

Industry: IT Services, Legal Tech, Software Development, ERP Systems, Electronic Filing.

Company Size: Over 50 employees.

Founded: Over two decades ago.

Company Profile:

• Our client is a Vienna-based IT company with a strong presence in Austria and Poland, specializing in electronic filing and IT services.

• They are a key player in the legal tech sector, offering tailored software and hardware solutions, as well as specialized industry applications for law firms, notaries, corporate legal departments, and public institutions.

• With over 1,250 customers and 15,000 active users, they have established a reputation for innovation and trust within the legal industry.

• Beyond legal tech, they also provide solutions in surveying, real estate, general electronic filing, ERP systems, and scalable IT services for businesses of all sizes.

Team Structure:

• The technical team is distributed across Austria, Poland, and now the Philippines, fostering an international and diverse working environment.

• Engineers are organized into functional teams focused on specific product areas or development initiatives.

• This role will be part of a dynamic technical team in the Philippines, collaborating closely with existing teams in Europe.

Methodology:

• The company emphasizes developing industry-specific solutions, indicating a process that involves deep understanding of client needs and workflows.

• The strategic direction towards an Angular-based successor suggests a commitment to modern web development practices and continuous improvement.

• Development likely follows agile methodologies, with a focus on iterative delivery and feedback loops.

• Emphasis on "highly specialized industry applications" implies a thorough approach to requirement gathering and solution design.

Company Website: https://jobs.workable.com/company/pJgPWyPPqDoppT3Wp9DRdh/jobs-at-manila-recruitment (Note: This links to the recruitment agency's page, not the client's direct website. A direct client website would typically be sought for more specific information).

📝 Enhancement Note: The company's focus on legal tech and specialized industry applications suggests a culture that values precision, reliability, and deep domain knowledge. The expansion into the Philippines indicates a global mindset and a commitment to building diverse, high-performing teams.

📈 Career & Growth Analysis

Operations Career Level:

Reporting Structure:

• You will likely report to a Lead Frontend Engineer, Engineering Manager, or Head of Engineering based in Europe.

• Close collaboration with Product Managers and Backend Engineers in various locations will be integral to your daily work.

Operations Impact:

• As a Senior Frontend Engineer with UX ownership, your impact will be directly visible in the usability, performance, and aesthetic quality of the company's core legal product and its associated add-ons.

• Your contributions will directly influence customer satisfaction, user adoption rates, and the overall perception of the company's technological innovation in the legal tech space.

Growth Opportunities:

• Technical Specialization: Deepen expertise in Angular, RxJS, NgRx, and modern frontend architectures, potentially becoming a go-to expert in these areas.

• UI/UX Leadership: Grow into a lead UI/UX advocate within the frontend team, influencing design systems and user experience strategy.

• Mentorship: Mentor junior frontend engineers, sharing knowledge and best practices in Angular development and UI/UX principles.

• Cross-Functional Exposure: Gain exposure to backend development (C#/.NET) and advanced architectural patterns (DDD, CQRS), broadening your full-stack understanding.

• Product Influence: Contribute significantly to the product roadmap, influencing feature development and technical direction based on user experience insights and technical feasibility.

• International Collaboration: Develop skills in working effectively with distributed, international teams, enhancing cross-cultural communication and project management capabilities.

📝 Enhancement Note: The role offers a unique blend of deep technical frontend development and significant UI/UX influence. Growth opportunities align with both paths, allowing an individual to either become a highly specialized frontend architect or to move into a more product-focused technical leadership role.

🌐 Work Environment

Office Type: Fully Remote. This position is 100% remote, allowing you to work from your preferred location within the Philippines.

Office Location(s):

Workspace Context:

• Autonomy & Independence: You will be expected to work autonomously, managing your time effectively to meet project deadlines and deliverables.

• Collaborative Tools: Expect to use a suite of collaboration tools such as Slack, Jira, Confluence, and potentially video conferencing platforms for team meetings and communication.

• Technology Stack Focus: The work environment is centered around modern web technologies, with a strong emphasis on Angular, RxJS, NgRx, and custom SCSS/CSS.

• International Interaction: The environment encourages interaction with international colleagues, requiring adaptability to different time zones and communication styles.

• Data-Driven Design: The emphasis on "data-driven interfaces" suggests a work environment where UI/UX decisions are informed by data and user feedback, rather than purely subjective preferences.

Work Schedule:

• The standard working hours are approximately 40 hours per week.

• Given the European headquarters, some flexibility may be required to overlap with core business hours in Austria (CET) for critical meetings and collaboration. This usually means adjusting your schedule to accommodate a few hours of overlap, for example, working later in your local Philippine time.

📝 Enhancement Note: The fully remote nature, coupled with the need to overlap with European business hours, requires excellent time management and self-discipline. Candidates should be comfortable with asynchronous communication and proactive engagement.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio to assess alignment with the required skills and experience, particularly Angular, RxJS/NgRx, and custom styling capabilities.

• Technical Interview (Frontend Focus): This will likely involve in-depth questions about Angular concepts, state management patterns, component architecture, and your approach to UI/UX design. Expect coding challenges or live coding exercises focused on these areas.

• UI/UX Design Discussion: A dedicated session to discuss your UI/UX philosophy, your process for translating requirements into interfaces, and your ability to make independent design decisions. You may be asked to critique existing designs or propose solutions for hypothetical UI problems.

• Portfolio Presentation: You will likely be asked to present specific projects from your portfolio, detailing your role, technical challenges, design decisions, and the outcomes. Be prepared to showcase your custom styling work and explain your approach to frontend craftsmanship.

• Behavioral & Cultural Fit Interview: Questions assessing your ownership, reliability, communication skills, ability to work autonomously, and how you collaborate with distributed teams and foreign counterparts.

• Final Interview: Potentially with a senior engineering leader or product manager to discuss overall fit, career aspirations, and confirm alignment with the company's strategic goals.

Portfolio Review Tips:

• Highlight Custom Styling: Curate projects that prominently feature custom SCSS/CSS and unique UI designs, demonstrating your ability to build beyond standard library components.

• Showcase Angular Expertise: Include projects where you've utilized advanced Angular features like lazy loading, OnPush change detection, standalone components, and sophisticated state management with NgRx.

• Demonstrate UI/UX Ownership: For each relevant project, clearly articulate your role in UI/UX decisions, the problem you were solving, your design process, and the impact of your contributions. Use case studies to explain your rationale.

• Quantify Achievements: Where possible, quantify the impact of your work. For example, "Improved page load performance by X% through lazy loading" or "Enhanced user engagement by Y% with a more intuitive interface design."

• Explain Technical Choices: Be ready to discuss the "why" behind your technical decisions, especially regarding architectural patterns, state management, and styling approaches.

• Clean Code Samples: If providing code samples or links to repositories, ensure they are well-organized, commented, and demonstrate clean coding practices.

Challenge Preparation:

• Angular Problem Solving: Practice solving common Angular challenges, including component interaction, data binding, lifecycle hooks, and routing.

• RxJS/NgRx Scenarios: Prepare for scenarios involving complex asynchronous operations, state subscriptions, and reducer/action patterns.

• CSS/SCSS Implementation: Be ready to implement specific UI elements or style existing components using SCSS, demonstrating your control over layout, typography, and responsiveness.

• UI/UX Scenarios: Think through how you would approach designing or improving the user experience for common web application features, focusing on usability and visual appeal.

📝 Enhancement Note: The interview process is designed to rigorously test both advanced frontend technical skills and a strong UI/UX sensibility. Candidates must be prepared to demonstrate their ability to craft visually appealing, highly functional, and custom-styled interfaces using Angular and its ecosystem.

🛠 Tools & Technology Stack

Primary Tools:

• Angular (v14+): The core framework for building frontend applications. Deep expertise is mandatory.

• TypeScript: The primary language for Angular development, requiring strong typing and object-oriented programming skills.

• RxJS: Essential for reactive programming, handling asynchronous operations, and managing complex data streams.

• NgRx: The standard for state management in Angular applications, requiring proficiency in actions, reducers, selectors, and effects.

• SCSS/CSS: The primary styling language. Advanced skills in custom mixins, variables, and complex selectors are required for building bespoke UI.

Analytics & Reporting:

CRM & Automation:

Development & Collaboration Tools:

• Git: Standard version control system for code management and collaboration.

• Jira/Confluence: Likely used for project management, issue tracking, and documentation.

• Slack/Microsoft Teams: For real-time communication and team collaboration.

• Figma (Preferred): For UI mockups and collaboration on design systems.

📝 Enhancement Note: The technology stack is heavily focused on the Angular ecosystem with a critical emphasis on custom styling via SCSS. Proficiency in these areas is non-negotiable. The "nice-to-haves" like C#/.NET, testing frameworks, and Figma indicate areas where additional skills are valued for a more holistic contribution.

👥 Team Culture & Values

Operations Values:

• Ownership & Reliability: A strong emphasis on taking responsibility for tasks and delivering on commitments, crucial for a remote, autonomous role.

• Professional Integrity: Upholding high standards of ethics and conduct in all professional interactions.

• Curiosity & Ambition: A drive to learn, explore new technologies, and continuously improve skills and contribute to product innovation.

• Craftsmanship: A deep appreciation for quality in code and design, with a focus on creating robust, performant, and aesthetically pleasing user interfaces.

• Collaboration: A commitment to working effectively with international teams, sharing knowledge, and supporting colleagues.

Collaboration Style:

• Cross-functional Integration: Expect to work closely with backend engineers, product managers, and potentially designers across different geographical locations.

• Proactive Communication: The remote setup necessitates proactive communication through channels like Slack, email, and video calls to ensure alignment and address potential roadblocks.

• Feedback Culture: An environment where constructive feedback is exchanged to foster continuous improvement in both code quality and user experience.

• Knowledge Sharing: Opportunities to share expertise through discussions, code reviews, and potentially internal presentations, especially within the distributed technical team.

📝 Enhancement Note: The company culture appears to value individuals who are self-starters, possess a strong work ethic, and are committed to delivering high-quality technical solutions with a keen eye for user experience. The international aspect means cultural sensitivity and strong communication skills are paramount.

⚡ Challenges & Growth Opportunities

Challenges:

• Bridging Time Zones: Effectively collaborating with teams in European time zones requires careful scheduling and proactive communication to ensure timely responses and efficient meetings.

• Maintaining Custom Styling Consistency: Ensuring a consistent and high-quality custom UI across a complex, evolving application without relying on established design libraries demands meticulous attention to detail and strong CSS architecture skills.

• Autonomous Workload Management: Successfully managing a full-time remote workload, staying motivated, and meeting deadlines without direct day-to-day supervision.

• Translating Complex Requirements: Interpreting intricate product requirements, especially within a specialized domain like legal tech, and translating them into intuitive and functional frontend solutions.

• Staying Ahead of Angular Evolution: Keeping pace with the rapid evolution of Angular and its ecosystem to ensure the application remains modern and performant.

Learning & Development Opportunities:

• Advanced Angular & Ecosystem: Deepen expertise in Angular, RxJS, NgRx, and related frontend technologies through hands-on project work and potential training resources.

• UI/UX Design Acumen: Develop a stronger understanding of UI/UX principles, design thinking, and user-centered design methodologies.

• Full-Stack Exposure: Gain valuable experience and insights into backend development with C#/.NET, and architectural patterns like DDD and CQRS, if interested.

• International Project Experience: Enhance skills in working with distributed teams, understanding global product development cycles, and adapting to diverse work cultures.

• Mentorship: Opportunity to learn from experienced engineers in Europe and potentially mentor junior colleagues as the team in the Philippines grows.

📝 Enhancement Note: The challenges are typical for senior remote roles working with international teams, but the emphasis on custom styling adds a unique technical hurdle. The growth opportunities are substantial, offering a path for deep technical specialization or broader full-stack exposure.

💡 Interview Preparation

Strategy Questions:

• Angular Architecture: "Describe your approach to building a scalable Angular application. How do you manage state, handle routing, and structure components for maintainability?" Focus on RxJS, NgRx, lazy loading, and component separation.

• UI/UX Decision Making: "Walk me through a time you had to make a significant UI/UX decision independently. What was the problem, your proposed solution, and the outcome?" Be ready to discuss your design rationale and user-centric approach.

• Custom Styling Implementation: "How would you approach building a complex, custom-styled UI component from scratch using SCSS, ensuring responsiveness and accessibility?" Prepare to discuss CSS architecture, maintainability, and specific SCSS techniques.

• Performance Optimization: "What are your go-to strategies for optimizing frontend performance in an Angular application, particularly for data-heavy interfaces?" Discuss techniques like lazy loading, OnPush change detection, RxJS optimization, and asset management.

• Collaboration & Communication: "Describe a challenging situation where you had to collaborate with a remote team or communicate technical concepts to non-technical stakeholders. How did you handle it?" Emphasize clear communication, empathy, and proactive engagement.

Company & Culture Questions:

• Company Alignment: "What interests you about our company's focus on legal tech and specialized IT solutions?" Research the company's products and market position.

• Remote Work Philosophy: "How do you ensure productivity and effective collaboration in a fully remote work environment?" Highlight your self-management skills and preferred communication methods.

• Team Dynamics: "How do you approach giving and receiving feedback, especially within a distributed, international team?" Discuss your experience with code reviews and collaborative problem-solving.

Portfolio Presentation Strategy:

• Project Selection: Choose 2-3 projects that best showcase your advanced Angular skills, custom styling expertise, and UI/UX ownership.

• Storytelling: For each project, clearly define the problem statement, your specific contributions (especially in UI/UX and custom styling), technical challenges overcome, and the quantifiable results or impact.

• Technical Deep Dive: Be prepared to walk through the code architecture, explain your use of RxJS/NgRx, and demonstrate the effectiveness of your SCSS/CSS implementation.

• UI/UX Justification: Clearly articulate the design choices made, how they align with user needs, and how you ensured visual consistency and usability.

• Conciseness: Practice presenting your projects within a defined timeframe, focusing on the most impactful aspects.

📝 Enhancement Note: The interview process heavily favors candidates who can demonstrate not only strong technical proficiency in Angular but also a mature understanding of UI/UX principles and the ability to execute custom visual designs. Portfolio examples should directly address these requirements.

📌 Application Steps

To apply for this Senior Frontend Engineer position:

• Submit your application through the provided job portal link.

• Portfolio Customization: Tailor your portfolio to highlight projects demonstrating advanced Angular development, significant UI/UX contributions, and sophisticated custom SCSS/CSS styling. Ensure case studies clearly articulate your role and impact.

• Resume Optimization: Update your resume to prominently feature keywords such as "Angular," "RxJS," "NgRx," "SCSS," "UI/UX Design," "Frontend Development," "Responsive Design," and "Custom Styling." Quantify achievements wherever possible.

• Interview Preparation: Practice articulating your experience with the core technologies and be ready to discuss your UI/UX design philosophy. Prepare to present 2-3 key portfolio projects that exemplify your skills.

• Company Research: Familiarize yourself with the company's focus on legal tech and IT services. Understand their product offerings and the strategic direction towards their new Angular-based platform.

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