Product Designer (Trading) at Trade Nation

📍 Job Overview

Job Title: Product Designer (Trading)

Company: Trade Nation

Location: Spain

Job Type: CONTRACTOR

Category: Product Design / FinTech Operations

Date Posted: 2026-06-08

Experience Level: Mid-Level to Senior (5-10 years)

Remote Status: Hybrid (Remote with occasional London travel)

🚀 Role Summary

This role focuses on designing the core trading interface for a proprietary, React-based trading platform, emphasizing user experience for CFD and spread betting traders.
Key responsibilities include owning the brief-to-delivery pipeline for complex financial UI, ensuring high-quality design output within strict timelines.
The position requires deep collaboration with Product Managers, Product Owners, and front-end engineers to translate financial complexity into clean, precise, and usable interfaces.
A critical aspect is the ownership and extension of a shared Figma design system, maintaining consistency, scalability, and adherence to design tokens and variables.

📝 Enhancement Note: While the title is "Product Designer," the description clearly indicates a specialized focus on the technical and user-facing aspects of a trading platform's UI/UX. This role sits at the intersection of product design and operations, as the efficiency and usability of the trading interface directly impact trading execution and operational performance. The "CONTRACTOR" employment type suggests a project-based engagement, potentially requiring a highly focused and results-driven individual. The hybrid model with occasional London travel indicates a need for strong remote collaboration skills alongside in-person engagement.

📈 Primary Responsibilities

Own the entire design lifecycle for trading interface components, from initial stakeholder brief resolution to final developer-ready handoffs.
Proactively identify and resolve ambiguities in project briefs, confirming deliverables, format, and success criteria before design work commences.
Deliver high-fidelity UI designs and prototypes accurately reflecting specifications and meeting agreed-upon timelines, with immediate transparent communication of any schedule risks.
Meticulously adhere to and extend the existing Figma design system, ensuring strict compliance with design tokens, variables, and naming conventions.
Create, maintain, and evolve reusable components based on atomic design principles to ensure a clean, consistent, and scalable design system.
Foster close partnerships with front-end developers, providing detailed specifications for interaction states, edge cases, and responsive behaviors, and actively participate in Quality Assurance (QA) to ensure pixel-perfect implementation.
Identify and propose solutions for gaps, inconsistencies, or areas for improvement within the design system and overall user experience.
Conduct self-reviews and lead design critiques for all work prior to submission, demonstrating a capacity for iteration with speed and a positive, constructive attitude.

📝 Enhancement Note: The responsibilities emphasize a high degree of ownership, precision, and collaboration, particularly with engineering. The focus on "brief-to-delivery pipeline" and "developer-ready handoffs" highlights the operational aspect of design, ensuring that the design work translates seamlessly into functional product features. "QA participation" also indicates involvement in the operational execution of the product development lifecycle.

🎓 Skills & Qualifications

Education: Not specified, but a Bachelor's degree in Design, HCI, Computer Science, or a related field is often preferred. A strong portfolio can often substitute for formal education.

Experience: 5-10 years of proven experience in product design, with a significant portion dedicated to financial products and complex UI.

Required Skills:

Proven experience delivering production-ready UI reliably, to brief and on time within a fast-paced environment.
Deep proficiency in Figma, including mastery of design systems, component creation and management, variants, auto-layout, interactive prototyping, and developer handoff features.
Strong working knowledge of atomic design methodology for building scalable and maintainable design systems.
Demonstrated experience designing and launching app and web-based financial products, understanding regulatory constraints and user needs in this domain.
Experience working effectively with remote development teams, including producing spec-quality handoffs that minimize implementation ambiguity.
A track record of embedding customer feedback, user analytics (e.g., HotJar, Amplitude), and competitor insights directly into design thinking and iterations.
Experience validating and refining designs through A/B testing and prototyping methodologies.
A genuine passion for designing simplicity and clarity, even when dealing with highly complex or regulated products. Preferred Skills:
Direct experience designing trading platforms or other tightly regulated financial products.
Working knowledge of HTML/CSS, sufficient to communicate design specifications and constraints accurately with front-end developers.
Experience with Storybook or similar component documentation tools to ensure design system clarity and accessibility for developers.
Exposure to AI-assisted design tooling (e.g., Figma Make, Claude) for enhancing design workflows and ideation.

📝 Enhancement Note: The experience level is inferred from the "5-10 years" AI-generated estimate for experience and the depth of responsibilities. The emphasis on financial products, regulated environments, and specific tools like Figma, Atomic Design, and analytics platforms points to a specialized product design role with significant operational implications for trading execution.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

Showcase a minimum of 2-3 comprehensive case studies demonstrating ownership of the end-to-end design process for complex financial UI or trading-related products.
Each case study should clearly articulate the problem statement, your design process, the tools and methodologies used (especially Figma and atomic design principles), user research/analytics insights, design iterations, and final outcomes.
Highlight your ability to manage design system components, showing examples of creating, maintaining, and extending them for scalability and consistency.
Demonstrate your proficiency in delivering developer-ready handoffs, including detailed specifications for interaction states, edge cases, and responsive behaviors.
Quantify the impact of your designs where possible, using metrics related to user engagement, task completion rates, or efficiency improvements, supported by analytics or A/B testing data. Process Documentation:
Evidence of creating and maintaining design system documentation, ensuring accessibility and clarity for developers and other stakeholders.
Examples of workflow diagrams or process maps illustrating how design decisions were made and how they integrated with broader product development cycles.
Documentation of user testing, A/B testing, or feedback analysis processes used to validate and iterate on design solutions.
Records of collaboration with engineering and product teams, demonstrating clear communication channels and a structured approach to resolving design and implementation challenges.

📝 Enhancement Note: Given this is a design role focused on a complex platform and requiring meticulous system adherence, a robust portfolio demonstrating process, system thinking, and measurable impact is crucial. The emphasis on "brief-to-delivery" and "developer handoffs" suggests that candidates will be evaluated on their ability to execute designs efficiently and accurately, which is a core operational concern for any product team.

💵 Compensation & Benefits

Salary Range: For a remote Product Designer with 5-10 years of experience in Spain, specializing in FinTech, the estimated salary range is approximately €50,000 - €75,000 per year. This estimate considers the specialized nature of trading platform design, the required proficiency in Figma and design systems, and the cost of living in Spain.

Benefits:

Remote Work Flexibility: Primary work location is remote within Spain, offering excellent work-life balance.
Occasional Travel: Paid travel and accommodation for required visits to the London office, fostering team connection and strategic alignment.
Contractor Engagement: Potential for ongoing projects or a fixed-term contract with clear deliverables and scope.
Professional Development: Opportunities to work on cutting-edge FinTech products and potentially contribute to AI-assisted design tooling.
Exposure to Financial Markets: Deep immersion in the trading domain, offering unique learning and career development opportunities.

Working Hours: Approximately 40 hours per week, with flexibility expected for project deadlines and collaboration with teams across different time zones. Occasional travel to London may require adjusting schedules.

📝 Enhancement Note: The salary range is an estimate based on industry benchmarks for experienced product designers in Spain, particularly within the FinTech sector, and factoring in the contractor employment type. Benefits are inferred from the job description's mention of remote work and required travel, and typical offerings for contract roles in tech. The 40-hour work week is a standard assumption for full-time equivalent roles.

🎯 Team & Company Context

🏢 Company Culture

Industry: FinTech / Financial Services (CFD and Spread Betting Broker)

Company Size: Trade Nation is a growing global company with a significant presence, indicated by offices across Europe, South Africa, Asia-Pacific, and key offshore regions. The employee count is likely in the hundreds, suggesting a mature yet agile operational structure.

Founded: 2014, indicating a company with established market presence and experience, yet still innovative and evolving.

Team Structure:

The designer will be embedded within the "Trading UIs and Execution" vertical, part of a dedicated product team.
This team structure implies close collaboration with Product Managers, Product Owners, and front-end engineers, forming a cross-functional agile unit.
The design system is shared, suggesting a company-wide commitment to design consistency and efficiency, with potential collaboration with other designers or design system custodians. Methodology:
Data-Driven Design: Emphasis on using customer feedback, analytics (HotJar, Amplitude), and A/B testing to inform design decisions and validate solutions.
Agile Development: Working closely with front-end engineers suggests an agile or iterative development process, requiring designers to be adaptable and responsive.
Design System Centric: A strong reliance on a shared Figma design system underscores a commitment to efficiency, consistency, and scalability in design and development operations.

Company Website: https://tradenation.com/

📝 Enhancement Note: The company description highlights a focus on transparency, trust, and putting traders first. This translates into a culture that values precision, efficiency, and clear communication, which are paramount in the financial trading domain. The "commitments to each other" section ("We have each other’s backs," "We challenge each other," "We thrive together") suggests a collaborative and supportive, yet performance-oriented environment.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a specialized Product Designer focused on a critical, complex area of the business. It is likely a mid-to-senior level position (5-10 years experience) requiring significant autonomy and expertise in financial UI design. The role demands not just creative output but also the operational discipline to maintain and extend a design system and ensure high-fidelity implementation.

Reporting Structure: The designer will report to a Design Lead or Head of Product within the Trading UIs and Execution vertical. They will work closely with Product Managers and Product Owners, forming a core part of the product development squad.

Operations Impact: The designer's work directly impacts the core trading experience, influencing user adoption, trading volume, operational efficiency, and customer satisfaction. A well-designed trading interface reduces errors, speeds up execution, and enhances user confidence, all of which have significant revenue and operational implications for a brokerage firm.

Growth Opportunities:

Specialization: Deepen expertise in FinTech trading platform design, becoming a go-to expert for complex financial interfaces.
Design System Leadership: Opportunity to significantly contribute to and potentially lead the evolution of Trade Nation's Figma design system.
Cross-Functional Influence: Grow influence within product and engineering teams, shaping the strategic direction of the trading platform.
Mentorship: As a senior member, opportunities to mentor junior designers or contribute to design best practices across the organization.
Potential for Full-Time: Depending on performance and business needs, a contract role could transition to a full-time permanent position.

📝 Enhancement Note: The growth analysis is based on the seniority implied by the responsibilities and required skills, as well as the strategic importance of the trading interface to Trade Nation's business. The emphasis on design systems and collaboration with engineering points towards opportunities for impacting operational efficiency through design.

🌐 Work Environment

Office Type: Hybrid, with the primary work arrangement being remote within Spain. Occasional travel to the London headquarters is required, suggesting a blend of independent remote work and collaborative in-person sessions.

Office Location(s): Primarily remote within Spain. Required travel is to London, UK.

Workspace Context:

Remote Autonomy: Candidates must be self-motivated and adept at managing their time and workflow independently in a remote setting.
Collaborative Hub: The London office serves as a hub for strategic meetings, team building, and cross-functional alignment, facilitating deeper connections with key stakeholders.
Digital Tools: The work environment is heavily reliant on digital collaboration tools, with Figma being central for design, and likely Slack/Teams for communication and Jira/similar for project tracking.

Work Schedule: The standard working hours are approximately 40 hours per week. While remote, there's an expectation of availability for key meetings, collaboration sessions, and responsive communication, especially with teams potentially in different time zones or requiring timely design handoffs.

📝 Enhancement Note: The hybrid nature implies a need for strong self-management skills for remote work, coupled with the ability to engage effectively in person during London visits. This blend is common in modern FinTech operations, balancing flexibility with strategic collaboration.

📄 Application & Portfolio Review Process

Interview Process:

Initial Screening: Review of resume and portfolio for relevant experience, skills (especially Figma, design systems, financial UI), and cultural fit.
Portfolio Presentation & Design Challenge: A session where the candidate presents their portfolio, focusing on case studies relevant to trading platforms or complex financial UI. This is often followed by a practical design challenge or a deep dive into a specific design problem.
Stakeholder Interviews: Meetings with Product Managers, Product Owners, and Lead Engineers to assess collaboration style, technical understanding, and problem-solving approach.
Cultural Fit / Values Discussion: Conversations to gauge alignment with Trade Nation's commitments and values (e.g., "We have each other's backs," "We challenge each other").
Final Interview: Likely with a senior leader in Product or Design to discuss strategic alignment and confirm the fit.

Portfolio Review Tips:

Tailor Your Case Studies: Prioritize projects that demonstrate experience with trading interfaces, financial instruments, complex data visualization, and regulated environments. If direct financial experience is limited, highlight transferable skills from other complex domains.
Showcase Design System Mastery: Clearly illustrate your understanding and application of atomic design principles, component creation, and maintenance within Figma. Demonstrate how you extend or adhere to existing systems.
Highlight Collaboration & Handoff: Include examples of how you work with developers, your handoff process, and how you ensure design fidelity in implementation. Mention QA participation if applicable.
Quantify Impact: Whenever possible, use metrics (user feedback, analytics data, A/B test results) to demonstrate the success and operational impact of your design solutions.
Address Complexity: Explain how you simplify complex financial concepts and workflows for users, demonstrating your problem-solving approach.

Challenge Preparation:

Understand the Domain: Research CFD/spread betting, common order types, charting functionalities, and the general user needs of active traders.
Figma Proficiency: Be ready to demonstrate advanced Figma skills, including auto-layout, components, variants, and interactive prototyping.
Design System Thinking: Be prepared to discuss how you would approach designing within or extending an existing design system, focusing on consistency and scalability.
Communication: Practice articulating your design decisions, rationale, and process clearly and concisely, especially when explaining complex trade-offs or technical considerations.

📝 Enhancement Note: The interview process and portfolio review are tailored to a specialized design role within a regulated financial environment. The emphasis on "brief-to-delivery," "design systems," and "developer handoffs" means candidates will be assessed on their operational efficiency and ability to execute designs flawlessly, not just their creative flair.

🛠 Tools & Technology Stack

Primary Tools:

Figma: The central design tool. Proficiency is mandatory, including advanced features like design systems, components, variants, auto-layout, prototyping, and collaboration features.
Design System: Experience working within and contributing to established design systems, understanding concepts like design tokens and variables.

Analytics & Reporting:

HotJar / Amplitude (or similar): Experience using user analytics tools to gather insights, understand user behavior, and inform design decisions.
A/B Testing Tools: Familiarity with validating design hypotheses and measuring impact through experimentation.

CRM & Automation:

While not directly for the designer, understanding how trading platforms integrate with backend systems and CRM for user data is beneficial. Development Stack Context:
React: The platform is built on React, so understanding component-based development principles and how design translates to React components is highly advantageous.
HTML/CSS: Preferred knowledge for effective communication with developers.

Emerging Tools:

AI-assisted Design Tools (e.g., Figma Make, Claude): Exposure to these tools is a plus, indicating an interest in leveraging new technologies to enhance design workflows.
Storybook: Preferred for component documentation, suggesting a focus on developer experience and design system transparency.

📝 Enhancement Note: The tool stack is heavily focused on design and collaboration platforms, with a strong emphasis on Figma and design system management. The mention of React and HTML/CSS highlights the need for designers to understand the technical implementation context of their work, bridging the gap between design and development operations.

👥 Team Culture & Values

Operations Values:

Precision and Accuracy: Reflecting the critical nature of financial trading, where even minor errors can have significant consequences. Designs must be exact and unambiguous.
Efficiency and Speed: In a fast-paced trading environment, the ability to execute trades quickly and efficiently is paramount. Design plays a crucial role in enabling this.
Transparency and Trust: Trade Nation emphasizes a fair and transparent approach to trading. This should be reflected in the clarity and honesty of the UI design.
Customer Focus: The company's slogan "putting traders first" means that user needs, usability, and a positive trading experience are central to all decisions.
Collaboration and Support: The company commitments ("We have each other's backs," "We thrive together") indicate a culture that values teamwork, mutual support, and collective success.

Collaboration Style:

Cross-Functional Integration: Designers work directly within product squads, collaborating daily with Product Managers, Product Owners, and front-end engineers.
Design System Driven: Collaboration often revolves around the shared Figma design system, ensuring a unified approach and consistent communication.
Iterative Feedback Loops: Expect regular design reviews, feedback sessions, and close partnership with developers to ensure design intent is maintained through implementation.
Proactive Communication: Given the remote and hybrid nature, proactive and clear communication is essential for effective collaboration and project alignment.

📝 Enhancement Note: The values are derived from the company description and their stated commitments. For a designer in this role, these values translate into a need for meticulous work, an understanding of the impact of design on operational efficiency, and strong collaborative skills to align with diverse teams.

⚡ Challenges & Growth Opportunities

Challenges:

Designing for Complexity: Translating the intricate world of financial trading, multiple order types, real-time data, and regulatory requirements into simple, intuitive interfaces.
Maintaining Design System Rigor: Consistently upholding and extending a shared Figma design system under pressure, ensuring scalability and adherence to strict standards.
Balancing User Needs with Technical Constraints: Designing within the specific capabilities and limitations of a React-based platform, while meeting the demanding needs of active traders.
Remote Collaboration: Effectively communicating and collaborating with distributed teams, ensuring design alignment and minimizing misunderstandings.
Fast-Paced Environment: Adapting to the dynamic nature of financial markets and the need for rapid design iteration and delivery.

Learning & Development Opportunities:

Deep FinTech Domain Expertise: Gaining in-depth knowledge of trading platforms, financial instruments, and regulatory landscapes, becoming a specialist in FinTech UI/UX.
Advanced Design System Skills: Enhancing expertise in building, maintaining, and scaling complex design systems within Figma.
Exposure to Emerging Technologies: Opportunities to work with AI-assisted design tools, contributing to innovation in the design process.
Cross-Functional Collaboration: Developing stronger relationships and communication skills with product management and engineering teams.
Impactful Product Ownership: Directly contributing to a core product that drives significant business value and user engagement.

📝 Enhancement Note: Challenges are identified based on the nature of the product (trading platform), the company's stated requirements (design system rigor, remote work), and the inherent complexities of the FinTech industry. Growth opportunities are framed around skill specialization and professional development within this niche.

💡 Interview Preparation

Strategy Questions:

"Describe your process for taking a complex trading feature from brief to final implementation, focusing on how you ensure clarity and accuracy." (Assesses brief-to-delivery ownership, process, and attention to detail.)
"How do you approach maintaining consistency and scalability within a design system while also introducing new components or features?" (Evaluates design system expertise and atomic design application.)
"Walk us through a case study where you had to simplify a highly complex or regulated user flow. What were the challenges, and how did you measure success?" (Tests problem-solving, user empathy, and impact measurement.) Company & Culture Questions:
"What interests you specifically about designing for trading platforms, and what do you know about Trade Nation's approach to trading?" (Assesses research, domain interest, and cultural alignment.)
"How do you collaborate with remote engineering teams to ensure your designs are implemented accurately, especially concerning interaction states and edge cases?" (Examines remote collaboration skills and handoff practices.)
"How do you incorporate user feedback and analytics (like HotJar or Amplitude) into your design process, and how do you measure the operational impact of your designs?" (Probes data-driven design approach and understanding of business impact.) Portfolio Presentation Strategy:
Structure Your Narrative: For each case study, clearly outline the problem, your role, the constraints, your design process, key decisions, and the measurable outcomes.
Demonstrate Figma Mastery: Be prepared to navigate your Figma files, showcasing your use of components, variants, auto-layout, and prototyping. Explain your rationale for system structure.
Highlight Developer Handoff: Show examples of your handoff documentation and explain how you collaborate with developers to ensure pixel-perfect implementation.
Quantify Impact: Present metrics and data that demonstrate the success of your designs, linking them to user experience improvements or business objectives.
Address the "Why": Be ready to explain the rationale behind your design choices, especially in the context of financial trading and regulatory requirements.

📝 Enhancement Note: Interview preparation focuses on the specific demands of this role: high-stakes financial UI, rigorous design systems, and effective remote collaboration. Questions are designed to probe for operational discipline, technical understanding, and a user-centric approach to complex problems.

📌 Application Steps

To apply for this operations-focused product design position:

Submit your application through the Workable application link provided.
Portfolio Customization: Tailor your portfolio to prominently feature case studies demonstrating experience with complex financial interfaces, trading platforms, or highly regulated product design. Emphasize your Figma proficiency, design system contributions, and your process for delivering production-ready UI.
Resume Optimization: Highlight keywords relevant to product design, FinTech, trading platforms, Figma, design systems, atomic design, UI/UX, developer handoff, and any experience with analytics tools (HotJar, Amplitude) or A/B testing. Quantify achievements where possible.
Interview Preparation: Practice articulating your design process, rationale, and problem-solving approach, especially for complex financial scenarios. Be ready to present your portfolio and discuss how your designs contribute to operational efficiency and user success.
Company Research: Thoroughly research Trade Nation's products, market position, and company culture. Understand their commitment to transparency, customer focus, and the specific challenges of the CFD and spread betting markets.

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

Product Designer (Trading)