UI Front-end Developer

📍 Job Overview

Job Title: UI Front-end Developer

Company: Euronext

Location: Athens, Greece

Job Type: FULL_TIME

Category: Technology / Software Engineering

Date Posted: 2026-04-24

Experience Level: Mid-Level (2-5 years)

Remote Status: On-site

🚀 Role Summary

• Develop and maintain high-performance, real-time graphical user interfaces (GUIs) for fixed income electronic trading platforms.

• Implement complex UI components and ensure low-latency rendering and smooth user experiences within a fixed income trading environment.

• Integrate with backend services using REST/JSON APIs and WebSockets for real-time data streaming in a financial market context.

• Collaborate with cross-functional teams, including business analysts, UX/UI designers, and backend engineers, in an Agile framework.

• Contribute to the development and maintenance of reusable component libraries and design systems for scalability and consistency across trading applications.

📝 Enhancement Note: This role is crucial for Euronext's strategic initiative to bring GUI development in-house for its MTS platform, a leading European electronic fixed income trading market. The focus on "UI Front-end Developer" within the "MTS GUI Development team" highlights a specialization in user-facing technology for financial trading systems. The emphasis on "real-time," "low-latency," and "high-performance" directly relates to the critical demands of capital markets technology.

📈 Primary Responsibilities

• Develop responsive, high-performance web applications using React.js (or similar modern frameworks) for real-time fixed income trading workflows.

• Implement complex UI components such as order blotters, real-time price grids, trade tickets, and market-data visualizations, ensuring optimal rendering and user experience.

• Integrate with backend services via REST/JSON APIs and WebSockets for real-time data streaming, managing client-side authentication, authorization, and error handling.

• Build and maintain reusable component libraries and design systems to ensure consistency and scalability across the application suite.

• Collaborate closely with business analysts and UX/UI designers to translate functional requirements and user experience needs into clean, maintainable front-end code.

• Write automated tests (unit, integration, end-to-end) using tools like Playwright or similar, and actively contribute to the team's overall testing strategy.

• Participate in code reviews, adhere to established coding standards, and contribute to the continuous improvement of development practices within the team.

• Work with DevOps and platform teams to support CI/CD pipelines, build processes, and deployment strategies for the web front end.

• Contribute to technical documentation, architecture diagrams, and knowledge transfer materials for the GUI development team.

• Support incident analysis and production issue resolution related to the GUI, coordinating with support and operations teams as necessary.

📝 Enhancement Note: The responsibilities clearly indicate a hands-on development role focused on building critical components of a financial trading platform. The mention of specific components like "order blotters," "real-time price grids," and "trade tickets" points to the need for deep understanding of trading workflows. The inclusion of "authentication, authorization, and error handling on the client side" and "real-time data streaming" are key operational tasks for a front-end developer in a FinTech environment.

🎓 Skills & Qualifications

Education: While not explicitly stated, a Bachelor's degree in Computer Science, Software Engineering, or a related technical field is typically expected for this level of role in the financial technology sector.

Experience: Several years of professional experience developing complex web applications, ideally within financial markets, trading platforms, or other real-time, data-intensive domains.

Required Skills:

• Strong expertise in JavaScript/TypeScript and modern single-page application frameworks, with a preference for React.js.

• Proficient in state management patterns and libraries (e.g., Redux, Zustand, MobX), routing, and component architecture.

• Solid understanding of HTML5, CSS3, responsive design principles, and cross-browser compatibility.

• Experience with real-time data handling technologies, including WebSockets, server-sent events, or similar.

• Familiarity with RESTful API integration, JSON data formats, and client-side performance optimization techniques (e.g., lazy loading, virtualisation, memoization).

• Experience designing or working with component libraries/design systems to ensure visual and behavioral consistency.

• Good understanding of UX/UI design principles, usability, accessibility, information architecture, and interaction design.

• Knowledge of automated testing practices and tools for front-end applications (e.g., Playwright, or similar).

• Proficiency with version control systems (Git), branching strategies, and collaborative development workflows (pull requests, code reviews).

• Familiarity with CI/CD tools and practices, including build pipelines and deployments.

• Experience working in agile environments (Scrum or Kanban).

Preferred Skills:

• Experience in financial markets or trading platforms.

• Familiarity with AI-assisted development tools for code generation, test creation, or automated refactoring.

• Basic backend knowledge (e.g., Java, Node.js, backend-for-frontend pattern).

📝 Enhancement Note: The requirement for "several years of professional experience" combined with specific framework and technology expertise suggests a mid-level to senior front-end developer role. The emphasis on "React.js" is paramount, and experience with state management and real-time data handling is critical for building sophisticated trading interfaces. The mention of "financial markets" and "trading platforms" as preferred experience indicates the specialized nature of this role within Euronext's capital markets operations.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrable experience with React.js and modern JavaScript frameworks, showcased through live applications or detailed project repositories.

• Evidence of building complex, interactive UI components, particularly those relevant to data visualization, grids, or real-time dashboards.

• Examples of integrating with APIs (REST/JSON) and handling real-time data feeds (WebSockets), ideally with performance metrics.

• Projects showcasing the development and usage of component libraries or design systems for consistent UI development.

• Case studies detailing how you've translated UX/UI designs and functional requirements into functional front-end code.

Process Documentation:

• Ability to document front-end development processes, including component development lifecycles, testing methodologies, and collaboration workflows.

• Experience in contributing to or maintaining technical documentation for front-end applications, architecture, and deployment procedures.

📝 Enhancement Note: For a role involving the creation of "real-time trading interfaces," a portfolio demonstrating practical application of these skills is essential. Candidates should be prepared to showcase projects that highlight their ability to build robust, performant, and user-friendly interfaces for data-intensive applications. The emphasis on testing and component libraries indicates a need for structured and maintainable code, which should be reflected in the portfolio.

💵 Compensation & Benefits

Salary Range: Based on Euronext's status as a major European financial market infrastructure, the experience level (2-5 years), and the location in Athens, Greece, a competitive salary range for a UI Front-end Developer with this skillset would likely fall between €35,000 and €55,000 annually.

Benefits:

• Comprehensive health insurance coverage.

• Pension scheme contributions.

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

• Opportunities for professional development and continuous learning, including training and certifications.

• Access to Euronext's employee assistance program.

• Potential for performance-based bonuses.

• Opportunities to work on cutting-edge financial technology and contribute to a leading European capital market infrastructure.

Working Hours: Standard full-time working hours are approximately 40 hours per week, with potential for flexibility depending on project needs and team agreements.

📝 Enhancement Note: The salary estimate is based on research for mid-level front-end developer roles in Athens, Greece, adjusted for the specialized nature of financial technology and the prestige of working for a company like Euronext. Benefits are standardized for large European corporations, with a focus on professional growth opportunities relevant to a technology role.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services / Capital Markets Technology. Euronext operates as a leading European capital market infrastructure, providing listing, trading, clearing, settlement, and custody services. The expansion into Athens signifies a strategic growth phase, integrating new markets and talent.

Company Size: Euronext is a large, publicly traded company with a significant global presence (over 1,700 listed issuers, €6.7 trillion in market capitalization as of Dec 2025). The new Technology & Support Centre in Greece is a growth initiative, aiming to build a strong, in-house team.

Founded: Euronext was formed through a series of mergers and acquisitions, with its current structure evolving over many years. The Athens Stock Exchange (ATHEX) was acquired by Euronext in November 2025, marking a new chapter for the Greek market.

Team Structure:

• The role is within the "MTS GUI Development team," part of the new "Euronext Technology & Support Centre" in Athens.

• This centre will support Business Lines, IT, and Operations functions across the Group.

• The GUI Development team is a newly established in-house unit, taking over responsibilities previously managed by external providers.

Methodology:

• The team operates within an Agile framework (Scrum or Kanban), emphasizing iterative development, collaboration, and continuous improvement.

• Focus on building high-performance, real-time applications for trading platforms.

• Emphasis on quality through automated testing (unit, integration, end-to-end) and code reviews.

• Development of reusable component libraries and design systems aligns with scalable and maintainable software engineering practices.

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

📝 Enhancement Note: Euronext's culture is defined by its position in critical financial infrastructure. The establishment of a new tech center in Athens signifies a strategic investment in in-house capabilities, moving away from external providers for core functions like GUI development. This suggests a culture that values ownership, innovation, and long-term development. The company's values (Unity, Integrity, Agility, Energy, Accountability) provide a strong framework for understanding expected behaviors and contributions.

📈 Career & Growth Analysis

Operations Career Level: This is a Mid-Level UI Front-end Developer role. It requires established technical skills and experience in developing complex web applications, particularly within demanding, real-time environments like financial trading. The developer is expected to contribute independently to feature development and collaborate effectively within a team.

Reporting Structure: The UI Front-end Developer will report to the Team Lead – MTS GUI Development. This lead will likely manage the day-to-day activities, provide technical guidance, and facilitate team collaboration.

Operations Impact: The work directly impacts the user experience and efficiency of Euronext's MTS fixed income electronic trading platforms. High-quality, performant, and intuitive front-end interfaces are critical for traders to execute transactions effectively and for Euronext to maintain its position as a leading market operator. The modernization of these interfaces contributes directly to Euronext's business objectives of efficiency, innovation, and market leadership.

Growth Opportunities:

• Technical Specialization: Deepen expertise in React.js, state management, real-time data handling, and front-end performance optimization within the FinTech domain.

• Leadership Potential: Progress to a Senior UI Front-end Developer role, potentially mentoring junior developers, leading small feature teams, or taking on technical lead responsibilities.

• Cross-Functional Exposure: Gain experience working with backend systems, DevOps practices, and business analysts, broadening understanding of the full software development lifecycle in a capital markets context.

• New Technology Adoption: Opportunities to learn and implement new technologies and tools, including AI-assisted development, as Euronext continues to innovate its trading platforms.

• Career Advancement within Euronext: Potential to move into roles within other Euronext technology centers or different business lines as the organization grows and diversifies.

📝 Enhancement Note: The growth opportunities highlight a structured career path within a large organization. The emphasis on "real-time data handling" and "financial markets" suggests that developing expertise in this niche can lead to valuable career progression within Euronext or the broader FinTech industry.

🌐 Work Environment

Office Type: The role is based at Euronext's new Technology & Support Centre in Athens, Greece. This center is being established to build in-house technical capabilities, suggesting a modern, collaborative office environment designed to foster innovation and teamwork.

Office Location(s): Athens, Greece. The specific office location within Athens is not detailed, but it will be part of the new Euronext Tech & Support Centre.

Workspace Context:

• Collaborative Environment: Expect a team-oriented workspace where close collaboration with fellow developers, business analysts, QA specialists, and product owners is standard practice, especially given the Agile methodology.

• Tools and Technology: Access to modern development tools, robust hardware, and potentially advanced software for development, testing, and collaboration.

• Team Interaction: Regular interaction with the immediate GUI Development team, as well as communication with remote stakeholders across Euronext's European operations.

Work Schedule: The standard work schedule will likely be aligned with European business hours to facilitate communication with other Euronext locations. While the core hours are defined (approx. 40 hours/week), the emphasis on Agile and modern development often allows for some degree of flexibility in daily scheduling, provided deliverables are met and collaboration is maintained.

📝 Enhancement Note: The establishment of a new Tech & Support Centre implies a focus on creating an effective and modern workspace conducive to software development. The "on-site" requirement emphasizes the importance of in-person collaboration for building a new, cohesive team from the ground up.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Review of CV and application for essential technical skills and experience.

• Technical Interview(s): Likely to include coding challenges, discussions on front-end architecture, JavaScript/React.js concepts, real-time data handling, and problem-solving scenarios. Expect questions related to performance optimization and testing.

• Portfolio Review: Presentation and discussion of selected projects from your portfolio, focusing on your contributions, technical decisions, and the outcomes achieved. Be prepared to walk through code or architecture.

• Behavioral/Cultural Fit Interview: Assessment of alignment with Euronext's values (Unity, Integrity, Agility, Energy, Accountability) and your ability to collaborate effectively within a diverse, international team.

• Final Interview: Possibly with the Team Lead or a hiring manager to discuss role specifics, career aspirations, and finalize the offer.

Portfolio Review Tips:

• Curate Selectively: Choose 2-3 projects that best demonstrate your expertise in React.js, real-time applications, API integration, and complex UI development.

• Highlight Contributions: Clearly articulate your specific role and contributions to each project, especially in team settings.

• Showcase Problem-Solving: Be ready to discuss challenges encountered and how you overcame them, focusing on technical solutions and their impact.

• Demonstrate Code Quality: If possible, have code repositories (e.g., GitHub) accessible, showcasing clean, well-documented, and testable code.

• Explain Technical Decisions: Be prepared to justify your technology choices and architectural decisions.

• Focus on Impact: Quantify results where possible (e.g., performance improvements, user satisfaction, efficiency gains).

Challenge Preparation:

• Coding Challenges: Practice LeetCode-style problems focusing on algorithms and data structures, as well as JavaScript-specific challenges. Prepare for live coding exercises.

• System Design/Architecture: Be ready to discuss how you would approach building a real-time trading interface, considering scalability, performance, and maintainability.

• Scenario-Based Questions: Prepare for questions about handling production issues, collaborating with difficult stakeholders, or managing competing priorities.

• Euronext Values: Reflect on how your past experiences align with Euronext's core values and be ready to provide examples.

📝 Enhancement Note: The interview process for a FinTech company like Euronext will be rigorous, focusing heavily on technical proficiency, problem-solving abilities, and the ability to deliver high-quality code under pressure. A strong portfolio demonstrating practical application of required skills is paramount.

🛠 Tools & Technology Stack

Primary Tools:

• Frontend Framework: React.js (highly preferred), or similar modern frameworks like Angular or Vue.js.

• Languages: JavaScript, TypeScript.

• State Management: Redux, Zustand, MobX, or similar.

• Styling: CSS3, SASS/LESS, CSS-in-JS solutions.

• Real-time Communication: WebSockets, Server-Sent Events (SSE).

• API Interaction: RESTful APIs, JSON.

• Testing Frameworks: Playwright (preferred), Jest, React Testing Library, Cypress.

• Version Control: Git.

• Build Tools: Webpack, Vite.

Analytics & Reporting:

CRM & Automation:

• Not directly applicable to this front-end development role, but awareness of how front-end interfaces interact with backend systems that might involve CRM or automation processes is a plus.

📝 Enhancement Note: The technology stack is heavily focused on modern front-end development practices. Proficiency in React.js and TypeScript is critical, as is experience with real-time data handling via WebSockets, which is essential for trading platforms. The inclusion of specific testing tools like Playwright indicates a commitment to quality assurance within the development process.

👥 Team Culture & Values

Operations Values:

• Unity: Collaboration and respect for colleagues, embracing diversity and inclusion to foster a cohesive team environment.

• Integrity: Transparency, honesty, and ethical conduct in all actions and communications, learning from mistakes.

• Agility: Decisiveness, adaptability, and a willingness to embrace change and take calculated risks.

• Energy: Proactive drive to make a difference, challenging the status quo, and motivating colleagues with ambition.

• Accountability: Taking ownership of outcomes, delivering maximum value to customers and stakeholders, and rewarding performance.

Collaboration Style:

• Cross-functional Integration: Close collaboration with backend engineers, business analysts, UX/UI designers, and QA specialists is expected.

• Agile Practices: Active participation in Scrum or Kanban ceremonies, including stand-ups, sprint planning, and retrospectives, to foster continuous improvement and effective teamwork.

• Knowledge Sharing: Contributing to code reviews, documentation, and internal knowledge-sharing sessions to elevate the team's collective expertise.

• Remote Communication: Effective use of communication tools (e.g., Slack, Teams, video conferencing) to collaborate with remote stakeholders and team members across different locations.

📝 Enhancement Note: Euronext's stated values are integral to the company's operational ethos. For a developer in a new, in-house team, demonstrating alignment with these values – particularly Unity, Agility, and Accountability – will be key to successful integration and contribution. The emphasis on collaboration within an Agile framework is central to the team's operational success.

⚡ Challenges & Growth Opportunities

Challenges:

• Building a New Team: As part of a newly established in-house GUI Development team, there will be challenges in defining processes, establishing best practices, and building team cohesion from the ground up.

• Real-time Performance Optimization: Ensuring consistently low-latency and high-performance rendering for complex trading interfaces under heavy load is a significant technical challenge.

• Legacy System Integration: Potentially integrating new front-end components with existing backend systems or legacy infrastructure, requiring careful design and implementation.

• Adapting to Financial Market Demands: Understanding and meeting the stringent requirements of financial trading, including regulatory compliance, high availability, and data integrity.

Learning & Development Opportunities:

• Advanced React.js & Frontend Technologies: Deepen expertise in cutting-edge JavaScript frameworks, state management, and performance optimization techniques.

• FinTech Domain Expertise: Develop a strong understanding of capital markets, trading workflows, and the specific needs of fixed income trading platforms.

• CI/CD and DevOps Practices: Gain hands-on experience with modern deployment pipelines and infrastructure management.

• AI-Assisted Development: Explore and leverage AI tools for enhancing development productivity, testing, and code quality.

• Mentorship and Leadership: Opportunities to grow into senior or lead roles, mentoring junior developers and contributing to technical strategy.

📝 Enhancement Note: The challenges presented are common for roles involved in establishing new teams and modernizing critical systems. Addressing these challenges will require strong technical skills, adaptability, and a proactive approach, which also presents significant growth opportunities.

💡 Interview Preparation

Strategy Questions:

• Technical Approach: "Describe your approach to building a real-time order blotter component in React.js, considering performance and scalability." (Focus on component architecture, state management, data fetching, and rendering optimization).

• Collaboration & Problem Solving: "Walk me through a challenging UI bug you encountered on a complex web application. How did you diagnose and resolve it, and what did you learn from the experience?" (Demonstrate debugging skills, analytical thinking, and learning from mistakes).

• Process Improvement: "How would you contribute to establishing best practices for front-end development within a new team? What are your thoughts on code reviews and automated testing for a trading platform?" (Showcase understanding of quality assurance, collaboration, and process development).

Company & Culture Questions:

• Value Alignment: "Can you provide an example of a time you demonstrated 'Agility' or 'Accountability' in a previous role?" (Relate your experiences to Euronext's core values).

• Team Dynamics: "Describe your ideal team environment. How do you approach collaboration with remote team members and stakeholders?" (Highlight your teamwork skills and understanding of distributed work).

• Impact & Motivation: "What motivates you to work in FinTech, and what do you see as the key challenges and opportunities for UI development in capital markets?" (Show your passion for the industry and strategic thinking).

Portfolio Presentation Strategy:

• Structure Your Narrative: For each project, clearly outline the problem, your solution, your specific contributions, the technologies used, and the outcome/impact.

• Focus on Key Skills: Emphasize projects that best showcase your React.js, TypeScript, real-time data handling, and API integration skills.

• Technical Depth: Be ready to dive into code details, architectural decisions, and performance considerations.

• Visual Aids: Use screenshots, live demos, or diagrams to illustrate your work effectively.

• Conciseness: Present your portfolio efficiently, focusing on the most impactful aspects relevant to the role.

📝 Enhancement Note: Interview preparation should focus on demonstrating not only technical prowess but also the ability to collaborate, solve complex problems, and contribute to a high-stakes environment like financial trading. Highlighting specific examples and aligning them with Euronext's values will be crucial.

📌 Application Steps

To apply for this UI Front-end Developer position:

• Submit your CV in English through the provided application link on Euronext's career page.

• Portfolio Curation: Prepare a portfolio that highlights your strongest projects, specifically those demonstrating proficiency in React.js, real-time data handling, and complex UI development for data-intensive applications. Ensure you can articulate your contributions and technical decisions clearly.

• Resume Optimization: Tailor your resume to emphasize keywords from the job description, such as React.js, JavaScript, TypeScript, WebSockets, RESTful APIs, Playwright, and experience in financial markets or trading platforms. Quantify your achievements where possible.

• Interview Preparation: Practice answering technical questions related to front-end development, JavaScript, React.js, and real-time systems. Prepare to discuss your portfolio projects in detail and articulate how your skills align with Euronext's values and the demands of a trading platform environment.

• Company Research: Familiarize yourself with Euronext's business, its role in European capital markets, and its recently stated values. Understanding the strategic importance of the new Athens Tech & Support Centre will help you frame your responses and demonstrate genuine interest.

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