Product Designer (Trading)

📍 Job Overview

Job Title: Product Designer (Trading)

Company: Trade Nation

Location: Italy

Job Type: CONTRACTOR

Category: Product Design, UI/UX Design, FinTech Operations

Date Posted: 2026-06-08

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

Remote Status: Remote (with occasional travel to London)

🚀 Role Summary

• Design and own the user interface for a complex, React-based trading platform, focusing on trade tickets, charting, and order management systems, directly impacting user trading efficiency and decision-making.

• Act as a domain expert within the Trading UIs and Execution vertical, translating intricate financial concepts and trader needs into intuitive and precise user experiences across devices.

• Uphold and extend a shared Figma design system with rigorous attention to detail, ensuring consistency, scalability, and reusability through atomic design principles.

• Collaborate closely with Product Managers, Product Owners, and front-end engineers to ensure seamless design-to-development handoffs and high-fidelity implementation of user interfaces.

📝 Enhancement Note: The role is specifically for a "Trading" Product Designer, indicating a deep specialization in financial trading interfaces rather than general product design. The emphasis on "complex and technically demanding product surface" and "real-time financial UI" suggests a need for a designer comfortable with intricate data visualization, complex workflows, and high-stakes user interactions within a regulated environment. The "CONTRACTOR" employment type suggests a project-based or fixed-term engagement.

📈 Primary Responsibilities

• Own the complete brief-to-delivery design pipeline, proactively resolving ambiguity with business stakeholders to define deliverables, formats, and success criteria before design initiation.

• Deliver high-quality UI designs within agreed timelines, maintaining transparent communication regarding any potential schedule risks.

• Execute design work with meticulous attention to detail within the existing Figma design system, strictly adhering to defined design tokens, variables, and naming conventions.

• Create, maintain, and extend reusable components using atomic design principles to ensure the design system remains clean, consistent, and scalable.

• Partner closely with front-end developers to produce developer-ready design handoffs, comprehensively covering interaction states, edge cases, and responsive behaviors.

• Actively participate in Quality Assurance (QA) processes to verify that the implemented product matches the design intent pixel for pixel.

• Proactively identify and propose well-considered resolutions for gaps and inconsistencies within the design system.

• Conduct self-reviews and lead design critiques for your work prior to submission, demonstrating a capacity for iterative design with pace and a positive attitude.

📝 Enhancement Note: The responsibilities highlight a strong emphasis on process ownership, meticulous system design, and close collaboration with engineering teams, characteristic of senior product design roles focused on platform development and maintenance. The requirement to "resolve ambiguity proactively" and "confirm deliverables, format and success criteria before a single pixel is placed" indicates a need for strong analytical and communication skills beyond pure design execution.

🎓 Skills & Qualifications

Education: No specific degree mentioned, but practical experience and portfolio are paramount in design roles.

Experience: Proven track record of delivering production-ready UI reliably and on time, with a focus on financial products.

Required Skills:

• Deep proficiency in Figma, including advanced features such as design systems, component creation, variants, auto-layout, prototyping, and developer handoff tools.

• 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, ideally within trading or related FinTech sectors.

• Proven ability to work effectively with remote development teams, ensuring clear and precise developer-ready design handoffs.

• A track record of embedding customer feedback, user analytics (e.g., HotJar, Amplitude), and competitor insights into design thinking and iteration cycles.

• Experience validating and refining designs through A/B testing and interactive prototyping.

• A genuine passion for simplifying complex and regulated products through elegant design solutions. Preferred Skills:

• Direct experience designing trading platforms or other tightly regulated financial products.

• Working knowledge of HTML/CSS to facilitate accurate communication and understanding with front-end developers.

• Experience with Storybook or similar tools for documenting and showcasing design system components.

• Exposure to AI-assisted design tooling (e.g., Figma Make, Claude) for enhanced design workflows.

📝 Enhancement Note: The required skills emphasize technical proficiency in design tools and methodologies (Figma, Atomic Design) and domain-specific experience (financial products). The preferred skills point towards a forward-thinking design team that embraces AI and values strong developer collaboration through code understanding and component documentation.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrate end-to-end design ownership for complex financial products, showcasing the problem, your process, and the impact of your solutions.

• Include case studies that highlight your ability to translate intricate financial instruments, order types, and execution flows into clear, usable interfaces.

• Showcase examples of your work within a design system, illustrating your understanding of component-based design, reusability, and system extension.

• Present evidence of how you have used customer feedback, analytics, and A/B testing to inform and iterate on design decisions, demonstrating a data-driven approach. Process Documentation:

• Detail your approach to receiving and clarifying design briefs, including how you define success criteria and resolve ambiguity with stakeholders.

• Illustrate your workflow for creating developer-ready handoffs, emphasizing the inclusion of interaction states, edge cases, and responsive behaviors.

• Provide examples of how you have contributed to or extended a design system, showcasing your understanding of atomic design principles and component management.

• Include examples of your collaboration with front-end engineers, explaining how you ensure design fidelity during implementation and QA.

📝 Enhancement Note: A strong portfolio is critical for this role. Candidates should be prepared to present detailed case studies that not only showcase visual design but also the strategic thinking, problem-solving process, and collaborative efforts involved in designing complex financial trading interfaces. Emphasis should be placed on how designs were integrated into a system and validated with data.

💵 Compensation & Benefits

Salary Range: As this is a CONTRACTOR role based in Italy, and no salary is specified, a competitive rate would be expected, likely falling within the range of €40-€70+ per hour or €70,000-€120,000+ annually, depending on experience, specific contract duration, and negotiation.

Benefits:

• Flexibility of a remote work arrangement, allowing for a better work-life balance.

• Opportunity to work on a cutting-edge, proprietary trading platform with significant technical complexity.

• Involvement in a dynamic and growing FinTech company with a global presence.

• Occasional travel opportunities to London for team collaboration and strategic meetings.

• Potential for long-term engagement or future opportunities within Trade Nation based on performance. Working Hours:

• Standard full-time hours, likely around 40 hours per week.

• Flexibility inherent in a remote role, but with a requirement for availability during core European business hours for collaboration with remote teams and occasional travel to London.

📝 Enhancement Note: For contractor roles, compensation is typically negotiated on an hourly or project basis. The estimated range is based on industry standards for experienced UI/Product Designers in Italy, particularly those with specialized FinTech and trading platform experience. Benefits for contractors are usually fewer than for full-time employees but often include the advantage of remote work and potentially higher hourly rates.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services (CFD and Spread Betting Brokerage), FinTech.

Company Size: Trade Nation is a growing global company, indicated by "grown into a market-leading, low-cost broker with our headquarters in London and offices across Europe, South Africa, Asia-Pacific." This suggests a company size likely in the 200-500+ employee range, offering a balance between established processes and agile development.

Founded: 2014. This indicates a company with several years of operational history, suggesting a degree of stability and established market presence, while still being relatively young and innovative in the FinTech space.

Team Structure:

• The Product Designer will be embedded within the "Trading UIs and Execution vertical," working closely with Product Managers, Product Owners, and front-end engineers. This implies a dedicated, cross-functional team structure focused on a specific product area.

• Reporting likely to a Head of Product Design or a Lead Product Designer within the Trading vertical, with direct collaboration across product and engineering disciplines.

• Cross-functional collaboration is a core tenet, emphasizing close partnerships with Product Management for requirements and Engineering for implementation feasibility and quality. Methodology:

• Data-Driven Design: Strong emphasis on using customer feedback, analytics (HotJar, Amplitude), and A/B testing to inform design decisions and validate solutions.

• Systematic Approach: Rigorous adherence to a Figma design system, utilizing atomic design principles for component creation, maintenance, and scalability.

• Agile Development: Implied through close collaboration with front-end engineers and a focus on iterative design and timely delivery.

• User-Centricity: A commitment to translating complex financial domain knowledge into clean, precise, and highly usable interfaces for traders.

Company Website: https://www.tradenation.com/ (Based on domain_derived: tradenation.com)

📝 Enhancement Note: Trade Nation presents itself as a transparent, customer-focused broker that leverages technology. The company culture emphasizes mutual support, continuous challenge, collective growth, and learning. For a Product Designer, this means an environment that values collaboration, constructive feedback, and a drive for innovation within a regulated financial sector.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned at a Mid-Senior level, evidenced by the "5-10 years" implied experience and the expectation to "own the brief-to-delivery pipeline" and "proactively identify gaps." It's a specialist role focused on a critical product surface.

Reporting Structure: The designer will report into a product leadership structure within the Trading UIs and Execution vertical, working daily with Product Managers, Product Owners, and engineers. This structure facilitates direct impact and clear communication lines for design decisions.

Operations Impact: The Product Designer's work directly influences the core trading experience, impacting user efficiency, trading volume, customer satisfaction, and ultimately, revenue. Designing intuitive trade tickets, charting interfaces, and order management systems is crucial for a financial broker's success.

Growth Opportunities:

• Specialization: Deepen expertise in FinTech trading platform design, becoming a go-to expert for complex financial UIs.

• System Ownership: Potentially take on a more significant role in evolving and scaling the design system for broader application across Trade Nation's products.

• Leadership: With proven success, opportunities to mentor junior designers, lead design initiatives, or transition into a Design Lead role within specific verticals.

• Cross-Functional Development: Gain deeper insights into financial markets, trading strategies, and engineering challenges, broadening overall FinTech product development understanding.

📝 Enhancement Note: While the role is a contractor position, successful performance and alignment with company values can lead to extended contracts or opportunities for full-time employment. The growth path here leans towards deepening expertise in a niche but critical area of FinTech product design.

🌐 Work Environment

Office Type: Primarily a remote work environment, with the requirement for occasional travel to London. This suggests a distributed team model where in-person collaboration is reserved for key strategic or team-building events.

Office Location(s): While the role is remote in Italy, the company has its headquarters in London and offices across Europe, South Africa, Asia-Pacific, and offshore regions. Occasional travel will be to London.

Workspace Context:

• The remote setup requires a high degree of self-discipline and proactive communication. It fosters autonomy and flexibility.

• Access to a shared Figma design system and collaboration tools is essential for seamless integration with the broader design and engineering teams.

• Opportunities for interaction will primarily be through digital channels (Slack, video calls, Figma comments), with periodic in-person team gatherings in London. Work Schedule:

• Expected to align with standard full-time working hours (approx. 40 hours/week).

• Flexibility in daily schedule is likely, but availability during core European business hours is critical for effective collaboration with global teams and to accommodate occasional travel requirements.

📝 Enhancement Note: The hybrid nature of the role (remote with occasional travel) requires a candidate who is comfortable working independently and managing their time effectively, while also being able to engage in focused, in-person collaboration when needed.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A brief call with a recruiter to assess basic qualifications, experience, and cultural fit.

• Portfolio Review & Deep Dive: A session with the hiring manager and potentially a senior designer or Product Manager to thoroughly review your portfolio, focusing on case studies, design process, and your experience with financial products and design systems. Be prepared to discuss your specific contributions and design rationale.

• Design Challenge/Exercise: A practical exercise, possibly involving a take-home assignment or a live design critique/problem-solving session related to trading interfaces or design system components. This will assess your design thinking, problem-solving skills, and proficiency in Figma.

• Stakeholder Interviews: Conversations with Product Owners and/or front-end engineers to evaluate collaboration style, communication skills, and understanding of technical constraints and implementation processes.

• Final Interview: Potentially with a higher-level leader (e.g., Head of Product, CTO) to discuss strategic alignment, long-term vision, and final offer negotiation.

Portfolio Review Tips:

• Curate Strategically: Select 2-3 of your most relevant and impactful projects, ideally showcasing complex financial UI, design system work, and data-driven iteration.

• Structure for Clarity: For each project, clearly outline the problem, your role and responsibilities, the design process undertaken (research, ideation, prototyping, testing), key decisions, challenges faced, and the measurable outcomes/impact.

• Highlight System Thinking: Explicitly demonstrate your experience with Figma design systems, atomic design principles, and how you ensure consistency and scalability. Showcase component examples.

• Quantify Impact: Wherever possible, use metrics (e.g., conversion rate improvements, efficiency gains, reduction in support tickets, user satisfaction scores) to demonstrate the business value of your designs.

• Prepare for Handoff Discussion: Be ready to explain your developer handoff process, including how you account for states, edge cases, and responsive design.

Challenge Preparation:

• Familiarize yourself with common trading interface elements (trade tickets, order types, charting tools, portfolio views).

• Practice articulating your design process and decisions clearly and concisely, as if explaining them to both technical and non-technical stakeholders.

• Be ready to discuss how you would approach integrating new features into an existing design system or resolving design inconsistencies.

• Prepare questions about the team's current design challenges, their specific workflows, and their approach to balancing user needs with business requirements and regulatory constraints.

📝 Enhancement Note: Given the specialized nature of the role, expect interviewers to probe deeply into your understanding of financial trading workflows and your ability to design within strict constraints. Demonstrating a proactive, analytical, and collaborative approach will be key.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: The core design tool, requiring deep proficiency in its advanced features, including design systems, components, variants, auto-layout, prototyping, and developer handoff capabilities.

• Prototyping Tools: Figma's built-in prototyping features will be essential; external tools may be used for more complex interactive prototypes.

Analytics & Reporting:

• HotJar / Amplitude (or similar): Experience using these tools to gather user feedback, analyze user behavior, and track product performance to inform design decisions.

• A/B Testing Platforms: Experience with tools or methodologies for validating design hypotheses through controlled experiments.

CRM & Automation:

• While not directly a CRM role, understanding how user data and trading activity are managed and how automation might influence UI design is beneficial. Other Potential Tools:

• Storybook (Preferred): For documenting and showcasing design system components, facilitating collaboration between design and engineering.

• HTML/CSS (Working Knowledge - Preferred): To enhance communication with developers and understand implementation possibilities.

• AI-assisted Design Tooling (e.g., Figma Make, Claude - Preferred): Familiarity with emerging AI tools that can assist in design workflows.

📝 Enhancement Note: Proficiency in Figma is non-negotiable. The emphasis on analytics and A/B testing indicates a need for a data-informed design approach. Experience with tools that bridge design and development (Storybook, HTML/CSS knowledge) is highly valued for seamless integration.

👥 Team Culture & Values

Operations Values:

• Ownership & Accountability: Taking responsibility for the entire design lifecycle, from brief to delivery, and proactively addressing challenges.

• Precision & Rigor: Meticulous attention to detail in design execution, adherence to system rules, and ensuring pixel-perfect implementation.

• Collaboration & Mutual Support: Working closely with Product and Engineering, actively participating in design critiques, and supporting team members.

• Curiosity & Continuous Improvement: A drive to understand the domain deeply, challenge assumptions, and constantly seek ways to improve user experience and design processes.

• Simplicity in Complexity: A passion for distilling complex, regulated financial products into elegant and intuitive user interfaces.

Collaboration Style:

• Embedded Teamwork: Working as an integrated member of a cross-functional team (Product, Engineering) focused on specific product areas.

• Systemic Collaboration: Contributing to and benefiting from a shared design system, fostering consistency and efficiency across the product suite.

• Feedback-Driven: Engaging in regular design critiques and iterative feedback loops with peers and stakeholders to refine designs.

• Transparent Communication: Maintaining open and honest communication regarding progress, challenges, and potential risks, especially with remote teams.

📝 Enhancement Note: The company's stated commitments ("We have each other’s backs," "We challenge each other," "We thrive together") translate into a culture that values teamwork, constructive feedback, and a shared drive for excellence. A designer who can both contribute independently and thrive in a collaborative, feedback-rich environment will be successful.

⚡ Challenges & Growth Opportunities

Challenges:

• Complexity of Financial Trading: Designing for a highly complex and regulated domain with diverse user needs (from novice to expert traders) and a constant influx of real-time data.

• Balancing Design System Rigor with Innovation: Maintaining strict adherence to a design system while still allowing for necessary innovation and adaptation of UI elements for specific trading functionalities.

• Remote Collaboration: Effectively collaborating and ensuring design fidelity with remote product and engineering teams across different time zones.

• Technical Constraints: Working within the technical limitations and specific requirements of a React-based trading platform.

Learning & Development Opportunities:

• Deep Domain Expertise: Becoming a subject matter expert in financial trading UI/UX, a highly valuable specialization.

• Design System Mastery: Gaining extensive experience in building, scaling, and governing complex design systems.

• Cross-Functional Skill Development: Enhancing understanding of financial markets, trading execution, and front-end development principles.

• Exposure to Modern Tooling: Potentially working with AI-assisted design tools and advanced collaboration platforms.

• International Exposure: Engaging with a global company and potentially contributing to products used by traders worldwide.

📝 Enhancement Note: The challenges presented are inherent to working in FinTech trading platforms. Successfully navigating these will provide significant opportunities for professional growth and skill development, making the candidate more marketable in the specialized field of financial product design.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you had to design a complex financial trading interface. What were the main challenges, and how did you approach them?" (Focus on your process, domain understanding, and problem-solving).

• "How do you ensure consistency and scalability when working with a design system, especially when extending it for new features?" (Highlight your Figma, atomic design, and component management skills).

• "Walk us through a project where you used customer feedback or analytics to significantly improve a design. What was your methodology?" (Emphasize your data-driven approach and iterative design process).

• "Imagine you're given a brief for a new order type. What are the first steps you take, and who do you involve?" (Assess your process, stakeholder management, and proactive communication). Company & Culture Questions:

• "What interests you about designing for financial trading platforms, and specifically for Trade Nation?" (Show you've researched the company and understand the domain's unique aspects).

• "How do you handle constructive criticism or disagreements within a design critique or team discussion?" (Assess your ability to collaborate and accept feedback).

• "Describe your experience working with remote development teams. How do you ensure smooth handoffs and high-fidelity implementation?" (Focus on your communication and process for remote collaboration). Portfolio Presentation Strategy:

• Tell a Story: For each case study, frame it as a narrative: the problem, your journey to a solution, and the outcome.

• Focus on "Why": Clearly articulate the reasoning behind your design decisions, linking them back to user needs, business goals, or technical constraints.

• Show, Don't Just Tell: Use visuals effectively, but be prepared to walk through detailed screens, interaction states, and system components.

• Quantify Impact: Be ready to discuss the metrics and outcomes of your projects, demonstrating the business value of your design work.

• System Integration: Explicitly discuss your role in or contribution to the design system for each relevant project.

📝 Enhancement Note: Interviewers will be looking for a designer who not only has strong visual and interaction design skills but also a deep understanding of the trading domain, a pragmatic approach to problem-solving, and excellent collaboration capabilities. Be prepared to discuss trade-offs and technical considerations.

📌 Application Steps

To apply for this Product Designer position:

• Submit your application through the provided Workable link.

• Portfolio Customization: Ensure your portfolio prominently features projects related to complex interfaces, financial products, and design systems. Tailor your case study descriptions to highlight challenges, your process, and quantifiable outcomes relevant to trading platforms.

• Resume Optimization: Update your resume to emphasize skills and experiences directly matching the job description, such as Figma proficiency, atomic design, financial product design, developer handoff, and analytics integration. Use keywords from the job posting naturally.

• Interview Preparation: Practice articulating your design process, system thinking, and problem-solving skills. Prepare specific examples that showcase your ability to handle complex, regulated UIs and collaborate effectively with remote teams.

• Company Research: Familiarize yourself with Trade Nation's mission, values, and current offerings. Understand their target audience and the competitive landscape of CFD and spread betting brokers. This will help you tailor your responses and ask insightful questions.

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

---