Senior Front-End Developer (UI Components & Design Tokens) – Quantum

📍 Job Overview

Job Title: Senior Front-End Developer (UI Components & Design Tokens) – Quantum

Company: Thales

Location: Bucharest, Romania

Job Type: Full time

Category: Front-End Development / Design Systems

Date Posted: 2026-08-04

Experience Level: 5-10 Years

Remote Status: Hybrid

🚀 Role Summary

• Lead the development and evolution of a critical enterprise-wide Design System, "Quantum," ensuring its scalability and adoption across hundreds of designers and thousands of developers.

• Bridge the gap between design and development by translating complex Figma designs into robust, accessible, and reusable UI components and design tokens.

• Drive technical excellence in front-end development, focusing on advanced UI principles, accessibility standards (WCAG 2.1 AA), and high-quality code for a premium user experience.

• Contribute to the strategic technical direction of the Design System, including architectural decisions and the implementation of a sophisticated, multi-theme design token system.

📝 Enhancement Note: This role is pivotal for Thales's digital transformation, acting as a foundational element for all digital products. The emphasis on "Quantum" as a strategic pillar, its adoption by a large user base, and the focus on premium UI and operational efficiency highlight the significant impact this position will have. The hybrid nature suggests a need for strong self-management and collaboration skills.

📈 Primary Responsibilities

• Design, develop, and maintain scalable, high-quality UI components for the Quantum Design System using a code-first approach, adhering to best development practices.

• Collaborate closely with the Design Lead and Tech Lead to address complex design system challenges and contribute to key technical decisions and architectural strategies.

• Translate intricate design specifications and prototypes from Figma (or Penpot) into robust, reusable, and maintainable code for the component library.

• Implement and manage a comprehensive design token system, focusing on modeling, automation, and support for multi-theme capabilities to ensure scalability and flexibility.

• Ensure all developed components meet at least WCAG 2.1 AA accessibility standards, actively participating in or facilitating UX activities like interviews, workshops, and user testing.

• Contribute to the formalization and comprehensive documentation of the design system, effectively communicating usage guidelines to the internal developer and designer community to support adoption.

• Act as a subject matter expert and reference for UI and front-end development within the team and broader Thales community, leading code and design reviews.

• Proactively research and stay updated on advancements in design systems, front-end development trends, and related technologies to continuously improve the Quantum system.

📝 Enhancement Note: The responsibilities emphasize a blend of hands-on development, strategic technical contribution, and community enablement. The "code-first approach" and "design token system" are critical technical aspects that candidates must understand. The role also requires significant collaboration with design and UX specialists, indicating a need for strong interpersonal and communication skills.

🎓 Skills & Qualifications

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

Experience: Minimum of 8 years of professional development experience, with a dedicated 2-3 years focused on Design Systems.

Required Skills:

• Strong expertise in modern UI development with a keen eye for detail and a deep understanding of UI principles, including accessibility, code quality, and design rigor.

• Advanced proficiency in web development fundamentals: HTML, CSS (pre/post processors like Sass/Less are a plus), and JavaScript/TypeScript.

• Proven experience in building and maintaining component libraries within a collaborative Integrated Development Environment (IDE).

• Demonstrated ability to translate design assets from Figma (or similar tools like Penpot) into high-quality, production-ready code.

• Extensive experience integrating and developing accessible components and interfaces compliant with WCAG 2.1 AA standards.

• Practical experience implementing and consuming design tokens to support theming and scalable design patterns.

• Comfort and experience working within hybrid and Agile/Kanban development environments, prioritizing collaboration and contribution.

• Excellent command of English (minimum C1 level) for effective communication. Preferred Skills:

• Professional proficiency in French.

• Familiarity with UX design methodologies (user research, usability testing) and experience facilitating workshops with designers and stakeholders.

• Experience with advanced theming capabilities and complex design token management.

• Understanding of different web technologies and their integration potential for desktop applications.

📝 Enhancement Note: The requirement for 8+ years of experience, with a specific 2-3 years in Design Systems, clearly positions this as a senior individual contributor role. The emphasis on both technical depth (HTML, CSS, JS/TS, accessibility) and soft skills (collaboration, communication, leadership, understanding design logic) is crucial. The mention of Penpot as a plus suggests an openness to various design tooling.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrate successful contributions to at least one significant Design System, showcasing the evolution and impact of UI components and design tokens.

• Provide examples of complex UI components developed from design specifications, highlighting code quality, reusability, and adherence to accessibility standards.

• Showcase projects where design tokens were implemented to manage theming, branding, and visual consistency across multiple applications or platforms.

• Include case studies that illustrate problem-solving skills related to scalability, performance optimization, and cross-browser/cross-platform compatibility within UI development. Process Documentation:

• Documented examples of how you have structured, implemented, and maintained design tokens, including any automation processes used.

• Evidence of creating comprehensive documentation for UI components and design system guidelines, aimed at developer and designer communities.

• Case studies detailing how you have gathered user needs (e.g., through workshops, interviews, testing) and translated them into functional design system requirements.

• Examples of participation in or leading code reviews and design reviews, demonstrating a commitment to quality and best practices.

📝 Enhancement Note: For a Senior Front-End Developer role focused on a Design System, a portfolio is essential. It should not just showcase finished products but also the process of building and maintaining them. This includes demonstrating an understanding of design token architecture, accessibility implementation, and collaborative development workflows. The emphasis on "code-first approach" and "documentation" implies that a portfolio showcasing well-documented, reusable code packages will be highly valued.

💵 Compensation & Benefits

Salary Range: Based on Thales's presence in Romania, the role's seniority (8+ years experience, 2-3 in Design Systems), and the focus on specialized skills like design tokens and accessibility, a competitive salary range for a Senior Front-End Developer in Bucharest would likely fall between €35,000 - €55,000 gross per year. This estimate considers the cost of living in Bucharest, industry benchmarks for senior tech roles, and the strategic importance of the Design System team.

Benefits:

• Competitive salary and potential for performance-based bonuses.

• Comprehensive health insurance package covering medical, dental, and vision care.

• Opportunities for professional development, including training, certifications, and conference attendance related to front-end development and design systems.

• Contribution to retirement savings plans.

• Generous paid time off (vacation, sick leave, public holidays).

• Hybrid work model offering flexibility between office-based collaboration and remote work.

• Access to Thales's global network and resources, fostering cross-cultural collaboration.

• Potential for international mobility or project assignments within the Thales Group.

Working Hours: Standard full-time working hours are typically 40 hours per week, with flexibility offered through the hybrid work arrangement. Core working hours are likely to align with European business hours to facilitate collaboration with design and development teams across different time zones.

📝 Enhancement Note: The salary range is an estimate based on general market data for senior software engineering roles in Bucharest and the specific technical demands of this position. Actual compensation will depend on the candidate's experience, negotiation, and Thales's internal compensation structure. Benefits are inferred from typical offerings for large, multinational technology companies.

🎯 Team & Company Context

🏢 Company Culture

Industry: Technology, Aerospace, Defence, Security, Cybersecurity, Digital Identity, and Transportation. Thales is a major global player in these critical sectors, known for its innovation and commitment to security.

Company Size: Thales is a large, multinational corporation with approximately 80,000 employees globally, operating in over 50 countries. This scale implies robust processes, a wide range of career opportunities, and significant resources.

Founded: Thales was founded in 1933. Its long history signifies stability, deep industry expertise, and a continuous evolution of its technological offerings.

Team Structure:

• The Quantum Design System team is a central, product-focused unit within Thales, consisting of a Tech Lead, a Design Lead, 2 Front-End Developers (including this role), and 2 Designers.

• This core team operates on an Agile-Kanban methodology, ensuring efficient workflow and continuous delivery of design system updates.

• They collaborate closely with a broader "guild" of approximately 30 contributors from various Thales entities, creating a hybrid contribution model that fosters decentralized input and centralized governance. Methodology:

• Agile-Kanban: Used by the core Quantum team for managing sprints, tasks, and continuous improvement of the design system.

• Code-First Approach: Emphasized for component development, ensuring that code quality and reusability are prioritized from the outset.

• Design Token Implementation: A core methodology for managing design variables, enabling theming, scalability, and consistency across platforms.

• Collaborative Development: Fostered through the hybrid contribution model and guild structure, encouraging shared ownership and best practice dissemination.

• Data-Driven Decisions: While not explicitly stated for this role, a company of Thales's caliber likely uses data to inform strategic decisions, including design system adoption rates and impact metrics.

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

📝 Enhancement Note: Thales's diverse industry footprint means the Design System needs to be versatile. The "Quantum" Design System is positioned as a critical enabler for Thales's digital products, aiming to unify brand, improve user experience, and boost operational efficiency across a vast organization. The hybrid contribution model is a key aspect of its operational strategy.

📈 Career & Growth Analysis

Operations Career Level: This role is classified as Senior Front-End Developer. This signifies a high level of technical expertise, independent problem-solving capabilities, and the ability to mentor junior team members. The focus on a strategic product like a Design System means this role offers significant influence and visibility within the company's digital product development landscape.

Reporting Structure: The Senior Front-End Developer will report operationally to the Tech Lead of the Design System. They will also work closely with the Design Lead, designers, and other developers within the core Quantum team, as well as collaborate with the broader guild of contributors across Thales entities.

Operations Impact: The impact of this role is substantial. By maturing the Quantum Design System, this developer will directly influence:

• Brand Coherence: Ensuring a consistent and premium visual identity across all Thales digital products.

• Development Efficiency: Reducing redundant development efforts, accelerating time-to-market for new features and products.

• User Experience Quality: Enabling the creation of intuitive, accessible, and high-performing interfaces for Thales customers and internal users.

• Scalability: Providing a foundation that can support the growing digital needs of a large, global enterprise.

Growth Opportunities:

• Technical Specialization: Deepen expertise in advanced front-end architectures, design systems, accessibility, and design token implementation.

• Leadership & Mentorship: Opportunity to mentor junior developers, lead technical initiatives within the Design System team, and contribute to architectural decisions.

• Cross-Functional Exposure: Gain insights into UX design, product management, and the specific needs of various business units within Thales.

• Community Building: Play a key role in growing and supporting the Design System contributor community across Thales.

• Potential for Advancement: Progression to roles like Lead Front-End Developer, Technical Architect, or even Product Owner within the Design System or related product teams.

📝 Enhancement Note: This role is not just about coding; it's about contributing to a strategic platform. The growth opportunities are significant, offering a path to leadership and deep specialization within a highly impactful area of enterprise software development. The emphasis on "premium UI" and "operational efficiency" suggests that success in this role will be measured by tangible improvements in product quality and development velocity.

🌐 Work Environment

Office Type: The role is designated as Hybrid, meaning it involves a combination of working from the Thales office in Bucharest and remote work. This offers a balance between in-person collaboration and personal flexibility.

Office Location(s): Bucharest, Romania. The specific office location is "Bucharest Orhideea," suggesting a modern business district with good accessibility.

Workspace Context:

• Collaborative Environment: The hybrid model and the team's Agile-Kanban methodology encourage regular interaction, team meetings, and collaborative problem-solving sessions, both in person and virtually.

• Tools and Technology: Access to modern development tools, design software (Figma/Penpot), and the necessary infrastructure to support a large-scale Design System. This includes high-performance workstations and reliable network connectivity.

• Team Interaction: Opportunities to engage with designers, other front-end developers, UX specialists, and potentially product managers and stakeholders from various Thales business units. This cross-functional interaction is key to understanding diverse user needs.

Work Schedule: Standard full-time hours (approximately 40 hours per week) with flexibility. The hybrid arrangement allows for a mix of office days and remote days, enabling employees to manage their work-life balance effectively. Core hours are likely to be observed to facilitate team synchronization.

📝 Enhancement Note: The hybrid nature of the role implies a need for strong self-discipline and communication skills to maintain productivity and team cohesion. The emphasis on collaboration within the office and the availability of modern tools suggest a well-supported and dynamic work environment conducive to complex technical projects like Design Systems.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or hiring manager will review your application and resume, focusing on relevant experience in front-end development and design systems.

• Technical Interview(s): Expect one or more interviews focused on your technical skills. This may include:

  • Discussions about your experience with HTML, CSS, JavaScript/TypeScript, and component libraries.
  • In-depth questions about accessibility standards (WCAG 2.1 AA) and how you implement them.
  • Exploration of your understanding and practical application of design tokens and theming.
  • Scenario-based questions about translating Figma designs to code and solving complex UI challenges.

• Portfolio Review: A dedicated session to walk through your portfolio, showcasing specific projects, your contributions, and the impact of your work. Be prepared to discuss your design system experience, component development, and problem-solving approaches.

• Team/Cultural Fit Interview: An opportunity to meet with members of the Quantum Design System team (Tech Lead, Design Lead, other developers/designers) to assess collaboration style, communication skills, and alignment with Thales's values and the team's agile mindset.

• Final Interview: Potentially with a higher-level manager to discuss overall fit, career aspirations, and finalize any offer details.

Portfolio Review Tips:

• Curate Selectively: Focus on projects that best demonstrate your experience with Design Systems, UI component development, design tokens, and accessibility. Prioritize quality over quantity.

• Structure for Impact: Organize your portfolio logically. For each project, clearly state your role, the problem you solved, the technologies used, your specific contributions, and the quantifiable outcomes or impact.

• Showcase Design System Work: Include examples of components you've built, how you've implemented design tokens, and any documentation you've created. Highlight your understanding of reusability and scalability.

• Explain Your Process: Be ready to articulate your thought process for translating designs into code, your approach to accessibility, and how you manage complexity and collaboration.

• Demonstrate Code Quality: If possible, link to well-documented code repositories (e.g., GitHub) or provide code snippets that highlight your clean coding practices.

• Highlight Collaboration: If applicable, describe how you worked with designers, UX researchers, or other developers.

Challenge Preparation:

• Coding Challenge: You might be given a take-home assignment or a live coding exercise to build a small component or solve a specific UI problem. Focus on clean code, accessibility, and adherence to requirements.

• Design System Scenario: Be prepared for questions that present a hypothetical design system challenge (e.g., how to implement a new theming system, how to handle complex component states) and ask you to outline your approach.

• Accessibility Audit: You may be asked to review a piece of UI for accessibility issues and propose solutions.

• Figma to Code Translation: Practice translating mockups into semantic HTML and CSS, considering responsiveness and accessibility.

📝 Enhancement Note: The interview process is designed to rigorously assess both technical proficiency and collaborative capabilities. A strong portfolio is not optional; it's a critical component for demonstrating practical experience in the specialized area of Design Systems. Candidates should prepare to discuss their contributions with detailed examples and quantifiable results.

🛠 Tools & Technology Stack

Primary Tools:

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

• Front-End Frameworks/Libraries: While not explicitly stated, experience with modern frameworks like React, Vue.js, or Angular is highly probable, as these are commonly used for component libraries.

• CSS Pre/Post-processors: Sass, Less, or PostCSS.

• Build Tools: Webpack, Vite, or similar module bundlers.

• Version Control: Git (essential for collaborative development).

Analytics & Reporting:

• Design System Analytics: Tools or methods to track component usage, adoption rates, and user feedback from developers and designers.

• Performance Monitoring: Tools to analyze component performance, load times, and rendering efficiency.

CRM & Automation:

• Collaboration Platforms: Jira, Confluence, Slack, Microsoft Teams for project management and communication.

• Design Tools: Figma (primary), Penpot (plus).

• IDE: VS Code or similar advanced code editors.

• Testing Frameworks: Jest, Cypress, or similar for unit, integration, and end-to-end testing of components.

📝 Enhancement Note: The technology stack emphasizes modern web development practices. The core requirements are strong fundamentals in HTML, CSS, and JavaScript/TypeScript, coupled with experience in building reusable component libraries. The mention of Figma and potentially Penpot highlights the importance of integration with design tools. Experience with design token management tools and platforms will be highly valued.

👥 Team Culture & Values

Operations Values:

• Respect & Trust: Foundation of all interactions within Thales, fostering a safe and open environment for collaboration and feedback.

• Collaboration: Emphasis on working together across disciplines (design, development, UX) and geographies to achieve common goals, particularly within the hybrid contribution model.

• Passion: A drive to innovate, excel, and create high-quality solutions that make a difference, especially in critical technology sectors.

• Human Intelligence: A core Thales value, implying a focus on leveraging human insight and expertise alongside technology.

• Future Orientation: Commitment to building a trusted future through innovation in areas like AI, cybersecurity, and quantum applications.

Collaboration Style:

• Hybrid & Agile: A blend of in-person teamwork and remote collaboration, utilizing Agile-Kanban principles for iterative development and continuous improvement.

• Cross-functional Integration: Close partnership between designers, front-end developers, and UX specialists within the Quantum team, with strong engagement from a broader community of contributors.

• Feedback-Driven: A culture that encourages constructive feedback through code reviews, design reviews, and community discussions to enhance the design system.

• Knowledge Sharing: Active promotion of sharing best practices, learnings, and technical insights to foster collective growth and elevate the overall quality of digital products at Thales.

📝 Enhancement Note: The team culture is shaped by Thales's overarching values, emphasizing collaboration, innovation, and a focus on human-centric technology. The hybrid contribution model for the Design System is a defining characteristic, requiring strong communication and community-building skills from team members.

⚡ Challenges & Growth Opportunities

Challenges:

• Scalability: Managing and evolving a Design System that serves hundreds of designers and thousands of developers across a global enterprise presents significant scalability challenges in terms of code, documentation, and support.

• Adoption & Governance: Ensuring widespread adoption of Quantum while maintaining governance and quality standards across diverse teams and projects can be difficult.

• Bridging Design & Dev: Consistently translating complex, nuanced design specifications into robust, accessible code requires strong technical and communication skills.

• Technical Debt Management: As the Design System grows and technologies evolve, managing technical debt and planning for future upgrades will be ongoing challenges.

• Navigating Uncertainty: The role requires comfort with evolving contexts and providing well-considered solutions in non-fixed environments, typical of large-scale innovation projects.

Learning & Development Opportunities:

• Deep Dive into Design Systems: Become an expert in the intricacies of building and maintaining enterprise-grade Design Systems, including advanced token architectures and component patterns.

• Accessibility Mastery: Achieve a high level of proficiency in implementing and advocating for web accessibility (WCAG 2.1 AA and beyond).

• Cross-Disciplinary Learning: Gain deeper understanding of UX research, design principles, and the specific needs of various Thales business units.

• Leadership & Mentorship: Develop leadership skills through mentoring junior colleagues and leading technical initiatives within the team.

• Industry Exposure: Stay at the forefront of front-end development trends, design system best practices, and emerging technologies through conferences, workshops, and continuous learning.

📝 Enhancement Note: The challenges are typical for roles involving strategic, enterprise-wide platforms. They present significant opportunities for professional growth by requiring candidates to develop advanced problem-solving skills, strategic thinking, and leadership qualities. The learning opportunities are directly tied to mastering the complexities of large-scale design systems and front-end architecture.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you translated a complex Figma design into a reusable UI component. What challenges did you face, and how did you overcome them?" (Focus on process, problem-solving, and code quality).

• "How would you approach implementing a multi-theme design token system for a large organization like Thales? What are the key considerations for scalability and maintainability?" (Assess understanding of design tokens, theming, and architectural thinking).

• "Imagine a new accessibility requirement is introduced (e.g., WCAG 2.2). How would you audit existing components and plan for their updates within the Quantum Design System?" (Evaluate approach to accessibility and proactive problem-solving).

• "How do you balance the need for consistency in a design system with the need for flexibility and customization by individual product teams?" (Probe understanding of design system governance and collaboration). Company & Culture Questions:

• "What interests you about Thales and its mission, particularly in relation to technology and security?" (Show research into the company's core business and values).

• "How do you see yourself contributing to a hybrid contribution model for a design system, working with a distributed community of contributors?" (Demonstrate understanding of collaboration in a large, distributed organization).

• "Describe your experience working in an Agile/Kanban environment. How do you prioritize tasks and manage your workload?" (Assess fit with the team's methodology). Portfolio Presentation Strategy:

• Tell a Story: For each portfolio piece, walk through the journey: the problem, your role, the design/technical solution, the challenges, your specific contributions, and the impact/results.

• Focus on Design System Expertise: Clearly articulate your experience with component libraries, design tokens, and accessibility. If you haven't worked on a formal design system, highlight transferable skills from component-based development.

• Show, Don't Just Tell: Use visual aids (screenshots, diagrams, live demos if possible) to illustrate your points.

• Quantify Impact: Whenever possible, use metrics to demonstrate the value of your work (e.g., "improved development time by X%", "reduced bug reports by Y%").

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

📝 Enhancement Note: Interview preparation should focus on demonstrating not only strong technical skills but also a strategic understanding of design systems, accessibility, and collaborative development. Candidates should be ready to articulate their experience with specific examples, showcasing their ability to contribute to a large-scale, impactful project.

📌 Application Steps

To apply for this Senior Front-End Developer position:

• Submit your application through the Thales careers portal via the provided URL.

• Curate your Resume: Tailor your CV to highlight your 8+ years of development experience, specifically emphasizing your 2-3 years in Design Systems, UI component development, and design token implementation. Use keywords from the job description (HTML, CSS, JavaScript, TypeScript, Accessibility, WCAG, Figma).

• Prepare Your Portfolio: Ensure your portfolio is up-to-date and clearly showcases relevant projects. Be ready to present case studies detailing your contributions to design systems, component libraries, and accessibility initiatives.

• Practice Your Presentation: Rehearse walking through your portfolio and answering common interview questions, especially those related to technical challenges, design token strategy, and accessibility implementation.

• Research Thales: Understand Thales's mission, its diverse industry sectors (defence, aerospace, security, etc.), and its commitment to technology and innovation. This will help you align your responses with the company's values and strategic goals.

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