Staff Frontend Engineer - Design Systems

📍 Job Overview

Job Title: Staff Frontend Engineer - Design Systems

Company: Pleo

Location: Denmark, Portugal, United Kingdom (Remote OK)

Job Type: FULL_TIME

Category: Frontend Engineering / Design Systems

Date Posted: 2026-08-06

Experience Level: 10+ years

🚀 Role Summary

• Lead the technical direction and execution of Pleo's design system, "Telescope," across web and mobile platforms, ensuring consistent UI, accessibility, and high quality.

• Drive the evolution of the design system's contribution model, improving how product teams interact with and contribute to shared components and patterns.

• Enhance the developer and contributor experience through advanced tooling, automation, and streamlined documentation workflows.

• Act as a technical force multiplier, balancing strategic architectural decisions with hands-on coding to deliver impactful frontend solutions.

• Mentor and coach frontend engineers, fostering technical leadership and best practices within the broader engineering community.

📝 Enhancement Note: This role is deeply embedded in the operational efficiency of Pleo's product development lifecycle. The Staff Frontend Engineer will be instrumental in standardizing UI components and patterns, directly impacting the speed and quality of feature delivery across multiple product teams. The emphasis on "Telescope" (the design system) and "force multiplier" highlights the operational impact of this role in enabling scalable and consistent product development.

📈 Primary Responsibilities

• Define and implement the technical architecture, component standards, release processes, and quality benchmarks for the "Telescope" design system.

• Evolve and optimize the contribution model for the design system, making it easier for internal teams to leverage and contribute to components.

• Own and refine the intake process for design system requests, including triage, prioritization, and setting clear expectations with stakeholders.

• Implement and enhance tooling and automation for visual testing, design system workflows, and documentation publishing to improve efficiency and developer experience.

• Lead and facilitate team rituals to ensure effectiveness, alignment, and continuous improvement within the Design Systems team.

• Represent the Design Systems team in cross-functional initiatives, aligning stakeholders and driving consensus between Design and Engineering.

• Actively contribute code to the design system, blending strategic planning with hands-on development to ensure practical application of architectural decisions.

• Coach and mentor frontend engineers, fostering technical growth and contributing to the development of technical leadership within Pleo's frontend community.

• Improve the measurement and communication of design system adoption, system health, and overall impact on product delivery velocity and quality.

📝 Enhancement Note: The responsibilities clearly indicate a focus on operational excellence within the product development process. The Staff Engineer is expected to streamline workflows, improve system adoption, and enhance the efficiency of UI development through robust design system practices. This extends beyond just building components to managing the operational aspects of a shared platform.

🎓 Skills & Qualifications

Education: While not explicitly stated, a Bachelor's or Master's degree in Computer Science, Engineering, or a related field, or equivalent practical experience, is typically expected for a Staff level role.

Experience: 10+ years of professional frontend engineering experience, with a significant focus on building and maintaining design systems or platform-like products.

Required Skills:

• Proven experience in building, maintaining, and evolving component libraries or platform-level products that serve multiple development teams.

• Deep expertise in TypeScript and modern frontend engineering practices.

• Strong command of React (experience is a plus, indicating a preference).

• Demonstrated ability to design maintainable systems with clear boundaries, robust versioning strategies, and a focus on backward compatibility.

• Extensive experience with testing practices and tooling (unit, integration, end-to-end) and a strong commitment to UI quality.

• Solid understanding of accessibility (WCAG standards) and performance best practices for UI systems.

• Proven ability to collaborate effectively with designers and product engineers, adept at navigating tradeoffs and aligning diverse stakeholder needs.

• Experience in technical leadership, mentoring junior engineers, and contributing to architectural decisions. Preferred Skills:

• Experience with visual regression testing tools and CI/CD pipelines for design systems.

• Familiarity with documentation generation tools (e.g., Storybook, Docz).

• Experience in driving adoption of a design system across a large organization.

• Understanding of token-based design systems and their implementation.

• Experience with frontend build tools and optimization techniques.

📝 Enhancement Note: The "10+" years of experience requirement for a Staff Engineer, combined with the emphasis on building "platform-like products" and "technical leadership," strongly suggests an expectation for deep expertise in system design, scalability, and operational efficiency within a frontend context. The mention of React as a "plus" implies that while beneficial, proficiency in other modern frameworks may also be acceptable, but the core requirement is the ability to architect and manage complex component systems.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase examples of complex component libraries or platform products developed and maintained, highlighting architectural decisions and system design.

• Demonstrate contributions to design systems, including component development, pattern definition, and documentation.

• Provide case studies illustrating how your work has improved UI consistency, developer productivity, and product quality across multiple teams.

• Evidence of implementing testing strategies (unit, integration, E2E) and ensuring robust quality assurance for frontend systems.

• Examples of contributions that improved accessibility and performance of web applications. Process Documentation:

• Documented approaches to designing and maintaining clear system boundaries, versioning, and backward compatibility strategies for component libraries.

• Examples of contribution models and workflows for design systems, detailing how teams interact with and provide feedback on shared components.

• Case studies showcasing the implementation of tooling and automation to enhance developer experience, such as visual testing or documentation workflows.

• Demonstrations of how you have measured and communicated design system adoption, health, and impact to stakeholders.

📝 Enhancement Note: For a Staff-level role focused on Design Systems, a portfolio is crucial for demonstrating not just coding ability but also strategic thinking, system design expertise, and impact on development operations. The emphasis should be on how the candidate has operationalized UI consistency and efficiency through design systems.

💵 Compensation & Benefits

Salary Range:

For a Staff Frontend Engineer with 10+ years of experience in Denmark, Portugal, or the UK, a competitive salary range can be estimated.

• Denmark: DKK 700,000 - 1,000,000+ annually (approx. €94,000 - €135,000+)

• Portugal: €50,000 - €80,000+ annually

• United Kingdom: £70,000 - £100,000+ annually

📝 Enhancement Note: These are estimated ranges based on industry benchmarks for senior/staff frontend engineering roles in these regions, considering the cost of living and typical compensation structures for tech companies. The exact salary will depend on the candidate's specific experience, skills, and the final negotiation. Pleo is a well-funded company, suggesting they are likely to offer salaries at the higher end of these ranges, especially for a Staff-level position.

Benefits:

• Your own Pleo card for seamless expense management.

• Catered meals or lunch allowance on workdays.

• Comprehensive private healthcare (options include Vitality, Alan, or Médis depending on location).

• 25 days of annual holiday plus public holidays.

• Flexible working options: hybrid or fully remote.

• Access to mental health and well-being support via MyndUp.

• Paid parental leave to support family needs. Working Hours:

• A standard 40-hour work week is implied, with flexibility offered through hybrid and remote work options.

📝 Enhancement Note: The benefits package is robust and indicative of a company that values employee well-being and work-life balance, which is often a key consideration for experienced engineers looking for long-term roles. The remote-friendly policy is particularly appealing for operations-focused roles that benefit from focused work time.

🎯 Team & Company Context

🏢 Company Culture

Industry: FinTech / Business Spend Management. Pleo operates in a dynamic sector, providing financial technology solutions that streamline expense management for businesses. This context means a focus on reliability, security, and user experience is paramount.

Company Size: 850+ employees. This indicates a mature but still growing organization, likely past the startup chaos but retaining agility. For operations, this means established processes but also opportunities to influence and improve them.

Founded: 10 years ago. Pleo has a decade of experience, suggesting a stable foundation and a proven product-market fit. This longevity implies established operational frameworks and a culture that has evolved over time.

Team Structure:

• The Design Systems team is a specialized engineering unit focused on creating and maintaining shared UI components and patterns.

• This team likely operates with a high degree of autonomy but collaborates closely with product design and various product engineering teams.

• The Staff Engineer will be a key technical leader within this team, influencing its direction and acting as a bridge between engineering disciplines. Methodology:

• Data-Driven Decisions: Pleo emphasizes understanding customer needs and turning complex problems into simple solutions, suggesting a data-informed approach to product development and system design.

• Continuous Improvement: The company culture values challenging the status quo and aiming high, indicating a commitment to iterative development and process optimization.

• Cross-Functional Collaboration: Close partnerships between Design, Engineering, and Product teams are essential for the success of a design system, highlighting a collaborative operational model.

Company Website: https://www.pleo.io/

📝 Enhancement Note: Pleo's mission to make spend management "surprisingly effective and empowering" translates directly to the operational goals of its engineering teams. The Design Systems team plays a critical operational role by providing the tools and standards that enable efficient, high-quality product development, directly supporting this mission.

📈 Career & Growth Analysis

Operations Career Level: Staff Engineer. This is a senior individual contributor role, typically representing the highest level of technical expertise within a specific domain (in this case, frontend engineering and design systems). It signifies a move from primarily executing tasks to defining technical strategy, mentoring others, and influencing cross-team technical direction.

Reporting Structure: The Staff Engineer will likely report to an Engineering Manager or Director of Engineering within the frontend or product engineering organization. They will lead technical initiatives within the Design Systems team, mentoring and guiding other engineers on the team and across the organization.

Operations Impact: The Staff Frontend Engineer has a significant operational impact by:

• Increasing Development Velocity: By providing a robust and easy-to-use design system, they enable product teams to build features faster and with less duplicated effort.

• Ensuring UI/UX Consistency: A well-maintained design system ensures a cohesive and professional user experience across all Pleo products, which is crucial for brand perception and customer trust in a FinTech company.

• Improving Code Quality & Maintainability: Standardized components and best practices lead to more maintainable, accessible, and performant codebases across the organization.

• Reducing Technical Debt: Proactive management of the design system helps prevent the accumulation of fragmented UI solutions and inconsistent implementations.

Growth Opportunities:

• Technical Leadership: Deepen expertise in system architecture, scaling design systems, and leading complex technical initiatives.

• Mentorship & Coaching: Develop strong leadership skills by mentoring junior and mid-level engineers, contributing to the growth of Pleo's frontend community.

• Strategic Influence: Influence the technical roadmap and strategy for frontend development at Pleo, impacting how products are built.

• Cross-Functional Impact: Gain broader exposure to product strategy, design principles, and engineering operations across different product areas.

• Potential for Principal Engineer: Progression to a Principal Engineer role, focusing on even broader architectural challenges or specialization in a critical technical domain.

📝 Enhancement Note: The Staff Engineer role is inherently operations-focused, as it's about enabling and optimizing the work of other engineers. The growth path emphasizes leadership and strategic impact, aligning with the operational goals of scaling development efficiently and effectively.

🌐 Work Environment

Office Type: Pleo offers both hybrid and fully remote working options. This suggests a modern, flexible work environment that prioritizes employee autonomy and well-being.

Office Location(s): While the role can be remote in the UK, Portugal, and Denmark, Pleo has physical offices in locations such as Copenhagen, Berlin, Stockholm, and London. This provides options for those who prefer an office environment or occasional team gatherings.

Workspace Context:

• Collaborative Environment: The emphasis on cross-functional collaboration with Design and Product teams means engineers will work closely with diverse stakeholders, requiring strong communication and teamwork skills.

• Tooling & Technology: Access to modern development tools, CI/CD pipelines, and cloud infrastructure will be standard. The role specifically involves enhancing tooling for the design system.

• Team Interaction: Opportunities for regular interaction with the Design Systems team and the broader frontend community through meetings, code reviews, and knowledge-sharing sessions.

Work Schedule:

• The role accommodates flexible work schedules, with a standard 40-hour week. The remote and hybrid options allow engineers to manage their time effectively, which is beneficial for deep work required for complex engineering tasks and system design.

📝 Enhancement Note: The hybrid/remote flexibility is a significant operational advantage for engineers, allowing for focused work on complex tasks like design system architecture and component development. This flexibility supports a productive and efficient work environment.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or hiring manager will review your application and potentially conduct a brief introductory call to assess basic qualifications and cultural fit.

• Technical Interview(s): Expect one or more in-depth technical interviews focusing on frontend fundamentals, system design, and experience with component libraries and design systems. This may include coding challenges or system design discussions.

• System Design / Architecture Session: A dedicated session to discuss your approach to building and maintaining scalable, maintainable design systems, including architecture, versioning, and contribution models.

• Cross-functional / Behavioral Interview: An interview focused on your collaboration style, leadership potential, experience working with designers and product teams, and how you handle complex stakeholder situations.

• Final Interview / Chat: A final conversation with a senior leader to discuss overall fit, strategic vision, and answer any remaining questions.

Portfolio Review Tips:

• Highlight Systemic Impact: Focus on projects where you built or significantly contributed to component libraries or design systems. Emphasize the operational improvements you enabled for other teams (e.g., faster development, consistent UI, reduced bugs).

• Showcase Architecture & Design: Detail the architectural decisions you made, the reasoning behind them, and how you ensured maintainability, scalability, and backward compatibility. Use diagrams if helpful.

• Demonstrate Collaboration: Provide examples of how you partnered with designers and product engineers. Explain how you managed feedback, navigated tradeoffs, and drove consensus.

• Quantify Results: Whenever possible, use metrics to demonstrate the impact of your work. This could include adoption rates, reduction in UI bugs, or estimated time savings for development teams.

• Code Samples: Be prepared to share links to relevant public repositories or code snippets that showcase your TypeScript and React skills, or your approach to component development.

Challenge Preparation:

• System Design: Prepare to discuss how you would architect a design system for a company like Pleo, considering its size, product scope, and remote workforce. Think about contribution models, versioning strategies, tooling, and adoption challenges.

• Coding Challenge: Brush up on TypeScript, React, and common frontend patterns. Expect challenges related to component creation, state management, or implementing accessibility features.

• Behavioral Questions: Prepare specific examples using the STAR method (Situation, Task, Action, Result) to illustrate your experience in leadership, collaboration, problem-solving, and driving technical initiatives.

📝 Enhancement Note: For a Staff Engineer role, the interview process will heavily scrutinize system design capabilities and the ability to influence operational efficiency through technical leadership. A well-curated portfolio that demonstrates a deep understanding of design systems as operational tools is paramount.

🛠 Tools & Technology Stack

Primary Tools:

• TypeScript: Core language for modern frontend development at Pleo.

• React: The primary JavaScript library for building user interfaces.

• Design System (Telescope): The central component library and pattern repository.

• Version Control: Git (likely GitHub or GitLab for repository management).

• CI/CD Tools: For automated testing, building, and deployment of design system components and documentation.

Analytics & Reporting:

• Tools for monitoring design system adoption, component usage, and performance metrics. This might include internal dashboards or analytics integrated into documentation sites. CRM & Automation:

• While not directly customer-facing for this role, understanding how the design system integrates with broader product development workflows and potentially automation tools for testing or deployment is key.

📝 Enhancement Note: The emphasis on TypeScript and React, along with the "Telescope" design system, points to a modern, component-driven frontend development workflow. The role will involve working with tools that support automated testing, documentation generation, and efficient release management for shared code.

👥 Team Culture & Values

Operations Values:

• Pragmatism & Care: Leading by example with practical solutions that are delivered with consideration for users and colleagues.

• Clear Communication: Valuing transparency, active listening, and ensuring everyone is informed and onboard with decisions.

• Problem Solving: Enjoying the process of breaking down complex issues, gathering diverse input, and driving towards effective solutions.

• Growth Mindset: A commitment to continuous learning, coaching others, and fostering an environment where individuals can develop their skills and careers.

• Progress Over Perfection: Embracing iterative development and delivering value incrementally while maintaining a high standard of quality.

Collaboration Style:

• Cross-functional Integration: Working closely with Design and Product teams to ensure the design system effectively serves the needs of product development.

• Process Improvement Culture: Actively seeking feedback on existing processes and championing improvements for the design system's contribution and adoption workflows.

• Knowledge Sharing: Contributing to a culture of shared learning through code reviews, documentation, and internal presentations.

📝 Enhancement Note: Pleo's values are strongly aligned with an operational focus on efficiency, collaboration, and continuous improvement. The ideal candidate will embody these values, contributing to a productive and supportive engineering environment.

⚡ Challenges & Growth Opportunities

Challenges:

• Scaling Design Systems: Ensuring "Telescope" remains performant, maintainable, and adaptable as Pleo's product suite and engineering teams grow.

• Driving Adoption: Overcoming inertia and technical debt to encourage widespread adoption and contribution to the design system across diverse product teams.

• Balancing Strategy & Execution: Effectively allocating time between high-level architectural planning and hands-on coding to deliver tangible results.

• Evolving Standards: Keeping pace with the rapidly changing landscape of frontend technologies, accessibility guidelines, and best practices in design systems.

Learning & Development Opportunities:

• Advanced System Design: Opportunities to delve deeper into complex architectural patterns for large-scale component libraries and platform products.

• Technical Leadership Development: Formal and informal mentorship to hone skills in leading technical initiatives and guiding engineering teams.

• Industry Exposure: Potential to represent Pleo at industry conferences or engage with the broader design systems community.

• Broadened Impact: Gaining exposure to various product areas and contributing to the overall operational efficiency of Pleo's product development.

📝 Enhancement Note: The challenges presented are typical for a Staff Engineer role in a growing tech company, emphasizing the need for strong problem-solving skills and adaptability. The growth opportunities are geared towards deepening technical expertise and leadership capabilities, essential for operational excellence.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you led the technical direction for a complex component library or platform product. What were the key architectural decisions and how did you ensure its long-term maintainability and adoption?" (Focus on system design, versioning, and operational impact).

• "How would you approach evolving a design system's contribution model to encourage more teams to adopt and contribute effectively? What metrics would you use to measure success?" (Focus on process improvement, stakeholder management, and operational efficiency).

• "Walk me through a challenging situation where you had to balance competing priorities from different product teams or stakeholders regarding the design system. How did you navigate this and reach a resolution?" (Focus on collaboration, negotiation, and pragmatic decision-making). Company & Culture Questions:

• "What excites you about Pleo's mission and how do you see the design system contributing to that mission?" (Research Pleo's business and align design system impact with company goals).

• "Describe your experience working in a hybrid or remote-first environment. How do you ensure effective collaboration and communication with distributed teams?" (Highlight communication and collaboration strategies relevant to operations).

• "How do you stay current with the latest trends in frontend engineering and design systems, and how do you apply that knowledge to your work?" (Demonstrate a commitment to continuous learning and operational best practices). Portfolio Presentation Strategy:

• Structure for Impact: Organize your portfolio around key projects, clearly stating the problem, your role, the solution (emphasizing design system architecture and processes), and the measurable impact (operational improvements, efficiency gains).

• Highlight Operational Value: For each project, explicitly explain how your work streamlined development processes, improved UI quality, or enabled other teams to be more effective. Use phrases like "enabled faster iteration," "reduced code duplication," or "ensured brand consistency."

• Demonstrate Technical Depth: Be prepared to dive deep into the technical aspects of your projects, explaining your choices regarding TypeScript, React, testing strategies, and system design principles.

• Engage Your Audience: Practice presenting your work concisely and engagingly. Be ready to answer detailed questions about your contributions and decision-making process.

📝 Enhancement Note: Interview preparation should focus on demonstrating not just technical proficiency but also a strategic understanding of how design systems function as critical operational components within a software development lifecycle. Emphasize your ability to lead, influence, and drive efficiency.

📌 Application Steps

To apply for this Staff Frontend Engineer position:

• Submit your application through Pleo's careers portal via the provided link.

• Customize Your Resume: Tailor your resume to highlight your extensive experience in building and maintaining component libraries, design systems, and platform-like products. Use keywords from the job description such as "TypeScript," "React," "Design Systems," "Accessibility," "Performance," and "Technical Leadership." Quantify your achievements with metrics where possible.

• Curate Your Portfolio: Prepare a portfolio that showcases your most relevant projects. Focus on demonstrating your system design capabilities, collaboration skills with designers and engineers, and the operational impact of your work. Be ready to walk through specific examples and explain your contributions in detail.

• Prepare for Technical Discussions: Review modern frontend technologies (TypeScript, React), system design principles for reusable components, testing methodologies (unit, integration, E2E), and accessibility best practices. Practice articulating your thought process for technical challenges.

• Research Pleo: Understand Pleo's mission, product, and company culture. Prepare to discuss how your experience and values align with their emphasis on efficiency, empowerment, and continuous improvement in the FinTech space.

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

---