Product Designer

📍 Job Overview

Job Title: Product Designer

Company: Trade Nation

Location: Spain

Job Type: Contractor

Category: Product Design / GTM Operations

Date Posted: 2026-06-05T16:09:29.737

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

Remote Status: Fully Remote (with occasional travel to London)

🚀 Role Summary

• This role is crucial for translating product and marketing briefs into high-quality, production-ready UI, emphasizing speed, precision, and consistency in design delivery.

• The Product Designer will serve as the guardian of Trade Nation's Figma design system, ensuring adherence to design tokens, variables, and naming conventions.

• A key aspect involves close collaboration with front-end developers to bring component libraries to life and ensure accurate implementation of designs.

• The position demands a proactive approach to identifying and resolving gaps within the design system, contributing to its scalability and maintainability.

• This role requires a strong focus on delivering polished, pixel-perfect designs that align with business objectives and user needs within the financial trading sector.

📝 Enhancement Note: While the title is "Product Designer," the responsibilities heavily lean into UI/UX delivery and design system management, which are critical components of Go-To-Market (GTM) operations, particularly in ensuring consistent brand and user experience across product interfaces. This role also touches upon operational aspects of design delivery and developer collaboration.

📈 Primary Responsibilities

• Own the end-to-end design process from brief reception to final UI delivery, proactively resolving ambiguity with business stakeholders.

• Deliver high-quality UI designs that meet specifications and agreed-upon timelines, with immediate and transparent communication of any schedule risks.

• Meticulously adhere to Trade Nation's Figma design system, utilizing tokens, variables, and established naming conventions.

• Create, maintain, and extend reusable components based on atomic design principles to ensure a clean, consistent, and scalable design system.

• Collaborate closely with front-end developers to produce developer-ready handoffs, including interaction states, edge cases, and responsive behaviors.

• Actively participate in Quality Assurance (QA) processes to verify that implementation accurately reflects the design intent.

• Proactively identify design system gaps and inconsistencies, proposing well-reasoned solutions for improvement.

• Conduct rigorous self-reviews of all design work against brief requirements before submission, and iterate efficiently with a positive, adaptable attitude.

📝 Enhancement Note: The emphasis on "brief-to-delivery pipeline," "high-quality UI to specification and on agreed timelines," and "partner closely with front-end developers" highlights the operational efficiency and process management expected from this design role, aligning it with GTM operational principles of reliable output and cross-functional execution.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong portfolio demonstrating equivalent practical experience and mastery of design principles will be considered.

Experience: Proven experience delivering production-ready UI reliably for web and app-based financial products, demonstrating a strong understanding of the full design lifecycle.

Required Skills:

• Figma Proficiency: Deep expertise in Figma, including advanced features such as design systems, components, variants, auto-layout, prototyping, and developer handoff tools.

• UI Design Excellence: Proven ability to create polished, pixel-perfect user interfaces with a keen eye for detail and consistency.

• Design Systems Management: Strong working knowledge of atomic design methodology and experience in creating, maintaining, and extending reusable design system components.

• Developer Collaboration: Experience working effectively with remote development teams, producing spec-quality handoffs, and participating in QA to ensure design fidelity.

• Financial Product Design: Experience designing and launching app and web-based financial products, understanding the unique considerations of regulated industries.

• User-Centric Design: A track record of embedding customer feedback, user analytics (e.g., HotJar, Amplitude), and competitor insights into design thinking and iterative improvements.

• Prototyping & Validation: Experience in validating and refining designs through prototyping and A/B testing methodologies.

• Simplicity in Design: A genuine passion for creating elegant and simple design solutions, even for complex or regulated products.

Preferred Skills:

• Trading Platform Experience: Prior experience designing trading platforms or other tightly regulated financial products.

• HTML/CSS Knowledge: Working knowledge of HTML/CSS sufficient to facilitate accurate and efficient communication with front-end developers.

• Component Documentation: Experience with tools like Storybook or similar for documenting and showcasing component libraries.

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

📝 Enhancement Note: The "Required Skills" section is heavily augmented with operations-relevant keywords like "developer handoff," "user analytics," "A/B testing," and "financial product design," emphasizing the practical, execution-oriented aspects of the role. The "Preferred Skills" also include technical proficiencies that facilitate smoother operational workflows with development teams.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• UI Delivery Case Studies: Showcase 2-3 detailed case studies demonstrating the full "brief-to-delivery" pipeline for web or app-based financial products. Emphasize how you translated complex briefs into polished, production-ready UI.

• Design System Contribution: Include examples of how you have contributed to or managed a design system, highlighting your experience with atomic design principles, component creation, and maintenance. Clearly illustrate your use of Figma's advanced features (variants, auto-layout, tokens).

• Developer Handoff Examples: Provide specific examples of your developer handoff documentation, illustrating how you communicate interaction states, edge cases, and responsive behaviors to ensure design fidelity during implementation.

• Data-Informed Design: Demonstrate instances where you incorporated customer feedback, user analytics (e.g., HotJar, Amplitude), or A/B testing results into your design process and decision-making.

Process Documentation:

• Workflow Design: Illustrate your process for receiving, clarifying, and executing on design briefs, including how you manage ambiguity and confirm deliverables and success criteria.

• System Consistency: Show how you ensure consistency and adherence to design tokens, variables, and naming conventions within a design system.

• Iterative Improvement: Provide examples of how you identify and propose resolutions for design system gaps or inconsistencies, demonstrating a commitment to continuous improvement and scalability.

📝 Enhancement Note: This section is critical for a design role that functions within an operational framework. The emphasis on "brief-to-delivery pipeline," "design system contribution," "developer handoff examples," and "data-informed design" directly relates to efficient and effective GTM execution. Portfolio items should focus on demonstrating process and measurable outcomes.

💵 Compensation & Benefits

Salary Range: As a contractor role in Spain, the compensation will be competitive and negotiated based on experience and expertise. A typical range for a mid-level Product Designer with specialized financial product and remote work experience in Spain could be between €40,000 - €60,000 annually, or equivalent hourly/project rates.

Benefits: As a contractor, benefits are typically managed by the individual. However, Trade Nation may offer:

• Flexible Working: Full remote flexibility within Spain, allowing for work-life integration.

• Project Opportunities: Potential for ongoing contract work based on performance and business needs.

• Collaborative Environment: Access to a global team of professionals and a supportive design studio.

• Travel Allowance: Coverage for occasional travel to London for team meetings and collaboration.

Working Hours: This is a full-time contractor role. While the standard working hours are approximately 40 hours per week, there is flexibility in scheduling to accommodate work-life balance, provided deliverables are met and collaboration with global teams is maintained.

📝 Enhancement Note: Given the contractor status and location in Spain, a specific salary range is estimated based on industry benchmarks for remote, mid-level product designers in that region, considering the specialized nature of financial products. The benefits listed are typical for contractors, with a focus on flexibility and project continuity.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services (CFD and Spread Betting Broker). This industry is highly regulated, demanding precision, security, and a strong focus on user trust and clarity in all communications and product interfaces.

Company Size: Trade Nation is a growing global company with offices across multiple continents, indicating a robust operational infrastructure and a significant market presence. This size suggests opportunities for impact and visibility.

Founded: 2014. Founded in 2014, Trade Nation has established itself as a market leader, demonstrating a history of innovation and sustained growth in the competitive financial trading sector.

Team Structure:

• Design Studio: The role is part of a "world-class Design Studio," implying a dedicated team focused on craft, quality, and innovation in design.

• Cross-functional Partnership: The designer will work in close partnership with product and marketing teams, as well as front-end developers, highlighting a collaborative, GTM-oriented structure.

• Reporting: The role is described as a "high-output delivery partner," suggesting direct reporting lines to design leadership or product management responsible for delivery timelines.

Methodology:

• Design System Driven: A strong emphasis on a Figma design system, atomic design principles, and reusable components indicates a methodical and scalable approach to design production.

• Agile Delivery: The need for speed, precision, and timely delivery, coupled with close developer collaboration, suggests an agile or iterative development and design process.

• Data-Informed Decisions: The requirement to use customer feedback, analytics, and A/B testing underscores a data-driven approach to design validation and optimization.

Company Website: https://tradenation.com/

📝 Enhancement Note: The company culture is characterized by a blend of disciplined, regulated industry demands and a proactive, innovative approach to design and technology. The emphasis on "craft," "clarity," and "fairer approach to trading" suggests a commitment to user experience and transparency, which is vital for GTM success.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a "high-output delivery partner" and requires "proven experience." It aligns with a mid-level to senior individual contributor role within a product design function that operates with GTM efficiency. The focus is on reliable execution and contribution to a mature design system.

Reporting Structure: The designer will report into a design leadership structure, likely within the "Design Studio," and will work in close partnership with product managers and front-end developers. This collaborative reporting structure is common in operations and product teams focused on rapid iteration.

Operations Impact: The Product Designer's impact is directly tied to the speed and quality of UI delivery, which influences the effectiveness of marketing campaigns, product launches, and overall user acquisition and retention in the trading platform. A well-maintained design system and efficient handoff processes directly support GTM operational velocity.

Growth Opportunities:

• Design System Leadership: Opportunity to become a key contributor or lead in the evolution and maintenance of the Figma design system, influencing its future direction and adoption.

• Specialization in FinTech Design: Deepen expertise in designing for regulated financial products, a niche and valuable skill set in the GTM and product development space.

• Cross-functional Skill Development: Enhance collaboration and communication skills by working closely with diverse teams (product, marketing, development) across different geographies.

• Exposure to AI Tooling: Gain hands-on experience with emerging AI-assisted design tools, positioning oneself at the forefront of design technology trends.

📝 Enhancement Note: The growth analysis focuses on how this role contributes to operational excellence within design and how that translates into career advancement, particularly within the specialized FinTech sector and with emerging design technologies.

🌐 Work Environment

Office Type: This is a fully remote role, offering significant flexibility. However, occasional travel to London is required, suggesting a hybrid operational model where face-to-face collaboration is valued for strategic sessions or critical project phases.

Office Location(s): While the role is remote within Spain, the company has offices in London (headquarters), Lisbon, Cape Town, and Johannesburg. This global presence indicates a distributed team structure and the need for strong remote collaboration tools and practices.

Workspace Context:

• Remote Autonomy: Designers will manage their own workspace, emphasizing self-discipline and effective time management, critical skills for remote operations roles.

• Digital Collaboration Tools: The role relies heavily on digital tools like Figma, Slack, and video conferencing for communication and collaboration, mirroring typical remote operations environments.

• Global Team Interaction: Opportunities to connect with a diverse, international team, fostering cross-cultural collaboration and expanding professional networks.

Work Schedule: Standard full-time (approx. 40 hours/week) with flexibility. This allows for adaptation to different time zones when collaborating with global teams and managing personal work-life balance, an important consideration for operational efficiency and employee well-being.

📝 Enhancement Note: The remote-first nature with occasional travel highlights a modern operational approach that balances flexibility with strategic in-person collaboration, a model increasingly adopted by GTM and operations teams.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Review of application and portfolio to assess alignment with required skills and experience, particularly in Figma, design systems, and financial product design.

• Portfolio Deep Dive: A dedicated session to walk through selected case studies, focusing on your design process, problem-solving approach, and the operational impact of your work (e.g., efficiency gains from design system, clarity of handoffs).

• Technical/Skills Assessment: Potentially a practical design exercise or discussion focusing on your ability to work within a design system, handle specific UI challenges, or collaborate with developers.

• Stakeholder/Team Interview: Discussion with product managers, developers, or design leadership to assess collaboration style, communication skills, and cultural fit within the Trade Nation team.

Portfolio Review Tips:

• Focus on Process & Impact: For each case study, clearly articulate the brief, your design process, the challenges you faced, and the tangible outcomes or operational efficiencies achieved (e.g., reduced developer time, improved conversion rates through UI clarity).

• Highlight Design System Mastery: Showcase your proficiency with Figma's advanced features and demonstrate how you maintain consistency, scalability, and reusability within the design system.

• Demonstrate Communication Clarity: Ensure your handoff examples are clear, comprehensive, and easy for developers to understand. Explain your rationale for design decisions.

• Tailor to FinTech: Emphasize any experience or understanding of designing for regulated financial products, highlighting how you ensure clarity, trust, and compliance in your designs.

Challenge Preparation:

• Design System Exercise: Be prepared to discuss how you'd approach extending or refining a given design system, or how you'd solve a specific UI problem within existing system constraints.

• Developer Handoff Scenario: Practice explaining how you would hand off a complex component or interaction to a developer, anticipating potential questions and edge cases.

• Problem-Solving: Think about how you'd approach a vague brief or a design challenge with limited information, emphasizing your proactive communication and clarification strategies.

📝 Enhancement Note: This section emphasizes how candidates should frame their portfolio and interview responses to highlight their operational capabilities in design delivery, process adherence, and cross-functional collaboration, which are key for GTM roles.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: The core design tool. Proficiency is paramount, including advanced features like design systems, components, variants, auto-layout, prototyping, and developer handoff features.

• Design System Management: Experience with atomic design principles and methodologies for building and maintaining scalable component libraries.

Analytics & Reporting:

• User Analytics Tools: Familiarity with tools such as HotJar and Amplitude for gathering user insights, understanding behavior, and informing design decisions.

• A/B Testing Tools: Experience with or understanding of A/B testing principles and tools to validate design hypotheses and optimize user experiences.

CRM & Automation: While not directly a CRM role, understanding how design impacts user journeys within CRM or marketing automation platforms can be beneficial.

• Prototyping Tools: Beyond Figma's built-in capabilities, familiarity with other prototyping tools may be advantageous.

• Component Documentation: Experience with tools like Storybook for documenting and showcasing component libraries to developers and stakeholders.

• AI Design Tools: Exposure to AI-assisted design tooling like Figma Make or Claude is a preferred skill.

📝 Enhancement Note: The tools listed are central to efficient design operations and GTM execution. Proficiency in Figma and an understanding of analytics and A/B testing tools are crucial for data-driven design operations.

👥 Team Culture & Values

Operations Values:

• Craftsmanship & Quality: A strong emphasis on "pride in craft," "speed, precision and consistency," and "fastidious attention to detail" underscores a commitment to high-quality output, a hallmark of effective operations.

• Clarity & Simplicity: Thriving on "clarity" and finding "deep satisfaction in shipping great work reliably" points to a value placed on clear communication and efficient execution, essential for GTM alignment.

• Proactivity & Ownership: "Own the brief-to-delivery pipeline," "resolve ambiguity proactively," and "step up" (from company commitments) indicate a culture that values initiative, problem-solving, and accountability.

• Collaboration & Partnership: Working in "close partnership with front-end developers" and being a "delivery partner" highlights the importance of teamwork and integrated workflows.

Collaboration Style:

• Integrated Design & Development: A close working relationship with front-end developers, involving direct collaboration on bringing component libraries to life and participating in QA.

• Stakeholder Engagement: Proactive engagement with business stakeholders to receive briefs, resolve ambiguity, and confirm deliverables.

• Remote-First Communication: Reliance on digital tools and clear, concise communication to bridge geographical distances and ensure project continuity.

📝 Enhancement Note: These values and collaboration styles directly support the operational efficiency and GTM goals of the company, emphasizing a results-oriented, collaborative, and quality-focused work environment.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Speed and Quality: Delivering production-ready UI with "speed, precision and consistency" while maintaining "fastidious attention to detail" within a design system can be demanding.

• Remote Collaboration: Effectively collaborating with distributed teams (developers, stakeholders) across different time zones requires strong communication and organizational skills.

• Design System Evolution: Proactively identifying and resolving gaps in a growing design system requires strategic thinking and a deep understanding of scalability and maintainability.

• Regulated Industry Nuances: Designing for financial products involves navigating specific compliance, security, and clarity requirements that differ from less regulated industries.

Learning & Development Opportunities:

• FinTech Design Specialization: Deepen expertise in the unique challenges and best practices of designing for trading platforms and regulated financial services.

• Advanced Figma & Design System Mastery: Become an expert in advanced Figma features and contribute significantly to the growth and refinement of a sophisticated design system.

• AI Design Tool Integration: Gain practical experience and insights into leveraging AI tools to enhance design workflows and efficiency.

• Cross-functional Project Exposure: Work on diverse projects that span product and marketing, gaining a broader understanding of the GTM lifecycle and business objectives.

📝 Enhancement Note: Understanding these challenges and opportunities is key for candidates to prepare for the role and articulate how they can contribute to Trade Nation's operational success while advancing their own careers.

💡 Interview Preparation

Strategy Questions:

• "Describe your process for taking a design brief from initial concept to production-ready UI. How do you ensure clarity and manage ambiguity with stakeholders?" (Focus on your brief-to-delivery pipeline and proactive communication strategies.)

• "How do you approach maintaining consistency and scalability within a design system? Provide an example of a contribution you made to a design system." (Highlight your Figma proficiency, atomic design knowledge, and system thinking.)

• "Walk me through a time you collaborated closely with front-end developers. What were the key challenges, and how did you ensure the design intent was accurately implemented?" (Emphasize your developer handoff process and QA involvement.)

• "How have you used customer feedback or analytics (e.g., HotJar, Amplitude) to inform your design decisions for a financial product?" (Demonstrate your data-driven approach and user-centricity.) Company & Culture Questions:

• "What interests you about Trade Nation and the financial trading industry?" (Research Trade Nation's mission, values, and market position. Show an understanding of the regulatory environment.)

• "How do you handle constructive feedback on your designs, especially from developers or product managers?" (Focus on your adaptability, collaborative spirit, and commitment to quality.)

• "Describe your experience working in a remote or distributed team environment." (Highlight your self-management, communication skills, and experience with remote collaboration tools.) Portfolio Presentation Strategy:

• Structure Your Narrative: For each case study, clearly outline the problem, your process, the solutions you designed, and the impact/results. Use visuals effectively.

• Quantify Impact: Where possible, quantify the success of your designs, e.g., "This UI change led to a X% increase in task completion," or "Improved developer efficiency by Y% through clearer component documentation."

• Showcase Design System Work: Dedicate specific slides or sections to your design system contributions, demonstrating your understanding of tokens, variants, and atomic principles.

• Be Ready for Technical Questions: Prepare to discuss your Figma workflows, your approach to responsive design, and how you ensure accessibility and usability.

📝 Enhancement Note: The suggested questions and preparation tips are tailored to assess not only design skills but also the operational effectiveness, collaboration abilities, and strategic thinking required for a GTM-focused design role.

📌 Application Steps

To apply for this Product Designer position:

• Submit your application through the provided link on Workable.

• Portfolio Customization: Tailor your portfolio to highlight 2-3 key projects that best demonstrate your experience with the "brief-to-delivery pipeline," design system contributions, and financial product design. Focus on showcasing your operational process and impact.

• Resume Optimization: Ensure your resume clearly articulates your proficiency in Figma, design systems, atomic design, and experience with user analytics and developer handoffs. Use keywords from the job description.

• Interview Preparation: Practice articulating your design process, problem-solving approach, and collaboration style, with a specific focus on how you ensure quality and efficiency in design delivery. Be ready to discuss your experience within the FinTech space.

• Company Research: Thoroughly research Trade Nation, their products, their market position, and their stated values. Understand the nuances of the regulated financial services industry.

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

---