Product Designer (Trading)

📍 Job Overview

Job Title: Product Designer (Trading)

Company: Trade Nation

Location: Cape Town, Western Cape, South Africa

Job Type: Full-Time

Category: Product Design / FinTech Operations

Date Posted: 2026-06-08

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

Remote Status: Hybrid (with significant remote flexibility)

🚀 Role Summary

• This is a specialized Product Designer role focused on the intricate domain of financial trading platforms, requiring deep understanding of CFD and spread betting interfaces.

• The position involves owning the design lifecycle for critical trading UI components, including trade tickets, charting, and order management systems, within a React-based platform.

• Candidates will be expected to contribute to and maintain a sophisticated Figma design system, ensuring consistency and scalability across a complex product surface.

• This role demands a highly detail-oriented individual who can collaborate effectively with Product Managers, Product Owners, and front-end engineers to achieve pixel-perfect implementation and a seamless user experience for traders.

📝 Enhancement Note: This role is positioned as a specialized Product Designer within a FinTech context, focusing on revenue-generating trading products. The emphasis on "Trading UIs and Execution vertical" and deep domain understanding suggests a critical role in the company's core offering. The hybrid nature with significant remote flexibility indicates a modern work environment, common in FinTech.

📈 Primary Responsibilities

• Lead the end-to-end design process for trading interface features, from initial stakeholder briefs to final developer handoff and quality assurance.

• Proactively identify and resolve ambiguities in design requirements, ensuring clear deliverables and success criteria are established before design work commences.

• Develop high-fidelity UI designs and prototypes for trade tickets, charting interfaces, order management systems, and other real-time financial data displays, adhering strictly to project timelines.

• Uphold and extend the company's Figma design system by creating, maintaining, and documenting reusable components using atomic design principles, ensuring consistency and scalability.

• Collaborate closely with front-end developers to ensure accurate implementation of designs, providing detailed specifications for interaction states, edge cases, and responsive behaviors, and participating in QA.

• Conduct self-reviews and lead design critique sessions for your own work and that of peers, fostering a culture of constructive feedback and continuous improvement.

• Integrate user feedback, analytics data (e.g., HotJar, Amplitude), and competitor insights into the design process to validate and refine solutions.

• Proactively identify and propose solutions for gaps and inconsistencies within the existing design system to enhance its robustness and usability.

📝 Enhancement Note: The responsibilities highlight a strong emphasis on ownership, meticulous design system management, and close collaboration with engineering, which are crucial for complex financial products where precision and reliability are paramount. The requirement to integrate analytics and user feedback underscores a data-driven design approach.

🎓 Skills & Qualifications

Education:

• Bachelor's or Master's degree in Design, Human-Computer Interaction, or a related field, or equivalent practical experience in product design. Experience:

• 5-10 years of professional experience in product design, with a significant focus on FinTech or complex, regulated digital products.

• Proven track record of delivering production-ready UI for web and app-based financial products. Required Skills:

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

• Strong understanding and practical application of atomic design methodology for building scalable design systems.

• Experience designing and launching financial products, demonstrating an understanding of user needs in trading environments.

• Proven ability to work effectively with remote development teams, producing clear and actionable developer handoffs.

• Demonstrated experience in incorporating user feedback, analytics data (e.g., HotJar, Amplitude), and competitor analysis into design decisions.

• Experience with A/B testing and rapid prototyping for validating and iterating on design solutions.

• A strong ability to simplify complex and regulated product features into clean, intuitive user interfaces.

• Excellent communication and collaboration skills, with the ability to articulate design decisions clearly to cross-functional teams. Preferred Skills:

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

• Working knowledge of HTML/CSS to facilitate more precise communication with front-end developers.

• Familiarity with component documentation tools like Storybook.

• Exposure to and experience with AI-assisted design tooling (e.g., Figma Make, Claude).

📝 Enhancement Note: The experience requirements are tailored for a mid-to-senior level role, emphasizing hands-on expertise with Figma and design systems, which are foundational for efficient product development in a fast-paced FinTech environment. The preference for financial product experience and HTML/CSS knowledge indicates the need for a designer who can quickly grasp domain-specific challenges and communicate effectively with technical teams.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase a minimum of 3-5 comprehensive case studies demonstrating end-to-end product design projects, with a clear emphasis on financial or complex regulated digital products.

• For each case study, clearly articulate the problem statement, your design process, the specific challenges encountered, and the solutions you implemented.

• Include detailed examples of how you utilized Figma, specifically highlighting your experience with design systems, component creation, auto-layout, and prototyping.

• Demonstrate your ability to translate complex requirements into intuitive user interfaces, showcasing the evolution of designs from wireframes to high-fidelity mockups and interactive prototypes.

• Quantify the impact of your design work whenever possible, using metrics related to user engagement, conversion rates, task completion times, or error reduction, reflecting an operations-focused outcome. Process Documentation:

• Provide examples of how you document design specifications for developer handoff, including interaction states, edge cases, responsive behaviors, and accessibility considerations.

• Illustrate your approach to integrating user feedback and analytics data into your design process, potentially through user testing reports or data-driven iteration examples.

• Showcase your experience with design system documentation, including component guidelines, naming conventions, and atomic design principles.

• Present evidence of your collaboration with product managers, product owners, and engineers, demonstrating your ability to work within a cross-functional team structure and manage design dependencies.

📝 Enhancement Note: For a role focused on a trading platform, a portfolio must go beyond aesthetics to prove process rigor, system thinking, and measurable impact. Emphasis on Figma, atomic design, and developer handoff is critical, as is demonstrating the ability to handle complexity and regulation within financial products.

💵 Compensation & Benefits

Salary Range:

• Based on industry benchmarks for a Product Designer with 5-10 years of experience in a major South African city like Cape Town, specializing in FinTech, the estimated salary range is R700,000 - R1,000,000 per annum. This estimate accounts for the specialized nature of financial product design and the company's global presence. Benefits:

• Competitive Salary: A base salary commensurate with experience and market rates.

• Discretionary Annual Bonus: Performance-based bonus opportunities.

• Private Healthcare: Comprehensive medical coverage for employees.

• Active Lifestyle Allowance: Support for health and wellness activities.

• Annual Leave Above Minimum Entitlement: Generous paid time off.

• Work From Any Location Allowance (Up to 3 Weeks): Flexibility to work remotely from different locations for up to three weeks per year. Working Hours:

• Standard full-time hours, typically around 40 hours per week. The hybrid nature of the role allows for flexibility in how and where these hours are worked, with a focus on output and collaboration rather than strict time-tracking.

📝 Enhancement Note: The salary range is estimated based on similar roles in Cape Town's tech/FinTech sector for experienced designers. The provided benefits are directly extracted from the job description and highlight a strong focus on employee well-being and flexibility, which are attractive to operations and design professionals. The "Work From Any Location" benefit is a significant perk for remote-friendly roles.

🎯 Team & Company Context

🏢 Company Culture

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

Company Size: Trade Nation is a growing global organization with offices across multiple continents, indicating a medium to large enterprise size, likely employing several hundred to over a thousand individuals. This size suggests a structured environment with established processes but also room for individual impact.

Founded: Founded in 2014, Trade Nation is a relatively young but established player in the FinTech space, suggesting a blend of startup agility and mature operational processes.

Team Structure:

• The role is embedded within the "Trading UIs and Execution vertical," indicating a specialized product team focused on core trading functionalities.

• You will work closely with Product Managers, Product Owners, and front-end engineers, signifying a cross-functional, agile team structure.

• The company emphasizes a collaborative culture with commitments like "We have each other’s backs" and "We challenge each other," suggesting an environment that values teamwork, open communication, and constructive feedback. Methodology:

• Agile development methodologies are implied through the collaboration with product owners and engineers.

• A strong emphasis on data-driven design is evident through the mention of HotJar and Amplitude analytics, suggesting a focus on performance metrics and user behavior analysis.

• The commitment to a shared Figma design system points to a standardized and efficient design workflow.

Company Website: https://tradenation.com/

📝 Enhancement Note: Trade Nation operates in a highly regulated and competitive FinTech space. The company culture emphasizes collaboration, mutual support, and continuous improvement, which are vital for high-performing teams dealing with complex financial products. The operational structure likely follows agile principles to ensure rapid iteration and responsiveness to market changes.

📈 Career & Growth Analysis

Operations Career Level: This Product Designer role is positioned at a Mid-Senior to Senior level (5-10 years of experience). It offers significant ownership and responsibility for a critical product surface, indicating a path towards more senior design leadership or specialized expertise within FinTech product design.

Reporting Structure: The designer will report into a Product Management or Design leadership role within the Trading UIs and Execution vertical. They will work daily with Product Managers/Owners and front-end engineers, fostering a collaborative and integrated team dynamic.

Operations Impact: The role directly impacts the core revenue-generating product (TN Trader platform). By designing clear, precise, and highly usable trading interfaces, the designer will contribute to customer acquisition, retention, trading volume, and overall customer satisfaction, which are key operational and business metrics for a brokerage firm.

Growth Opportunities:

• Specialization: Deepen expertise in financial trading product design, becoming a go-to expert for complex trading interfaces and financial instruments.

• Design System Leadership: Take on greater responsibility for evolving and governing the Figma design system, potentially leading design system initiatives.

• Cross-Functional Influence: Gain exposure to product strategy, engineering best practices, and business operations, enabling a broader understanding of the FinTech ecosystem.

• Mentorship: Opportunity to mentor junior designers as the team grows.

• Global Exposure: Work on a global platform, potentially contributing to designs for different regional markets and regulatory requirements.

📝 Enhancement Note: This role offers substantial growth potential within a specialized area of FinTech. The focus on a core product area and the opportunity to influence design systems and processes provide a solid foundation for career advancement in product design and potentially product management.

🌐 Work Environment

Office Type: Trade Nation offers a hybrid work model. Employees can choose to work from their Lisbon office, or one of their South African offices (Cape Town or Johannesburg), or work remotely. The Lisbon and South African offices are described as comfortable, inclusive, and designed to support collaboration.

Office Location(s):

• Lisbon, Portugal: Marquês de Pombal area, central with good public transport access.

• Cape Town, South Africa: Tygervalley, a commercial district in the Northern Suburbs, offering connectivity to surrounding areas.

• Johannesburg, South Africa: Rosebank, a vibrant commercial hub with excellent accessibility, near Rosebank Mall and Gautrain Station.

Workspace Context:

• Collaborative: Offices are designed with communal spaces and wellbeing areas to foster connection and teamwork.

• Tech-Enabled: As a FinTech company, expect access to modern design and development tools, including a robust Figma design system and collaborative platforms.

• Flexible: The hybrid model allows individuals to balance office collaboration with remote work, catering to diverse working preferences.

Work Schedule: Full-time, approximately 40 hours per week, with flexibility inherent in the hybrid and remote-friendly environment. The focus is on delivering results and collaborating effectively, regardless of specific hours logged.

📝 Enhancement Note: The hybrid model, combined with strategically located offices and a "Work From Any Location" allowance, signals a company that values flexibility and employee autonomy, which is a strong draw for skilled professionals seeking work-life balance. The office environments are designed to support both focused work and team interaction.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your application, resume, and portfolio to assess qualifications and alignment with the role's requirements.

• Hiring Manager Interview: Discussion about your experience, design philosophy, and motivation for applying, with a focus on your understanding of financial product design.

• Design Challenge/Portfolio Review: A deeper dive into your portfolio, potentially involving a practical design exercise or a detailed walkthrough of your case studies. Expect to discuss your process, decision-making, and how you've handled complexity and user needs.

• Team/Cross-Functional Interviews: Meetings with Product Managers, Product Owners, and front-end engineers to assess collaboration style, communication skills, and cultural fit.

• Final Interview: Potentially with a senior leader to discuss overall fit and career aspirations.

Portfolio Review Tips:

• Curate Strategically: Select 3-5 of your strongest case studies that best represent your experience in financial products, complex UI design, and design system contributions.

• Focus on Process & Impact: For each case study, clearly articulate the problem, your design thinking, the steps you took (research, ideation, prototyping, testing), and the measurable outcomes or lessons learned.

• Highlight Figma & Design Systems: Explicitly showcase your expertise with Figma, including how you've built, maintained, or contributed to design systems, components, and atomic design principles.

• Demonstrate Domain Understanding: Emphasize any experience or understanding of financial instruments, trading workflows, order types, and regulated environments.

• Prepare for Handoff Discussion: Be ready to show how you prepare assets and specifications for developers, including handling states, edge cases, and responsive design.

Challenge Preparation:

• Anticipate Domain-Specific Problems: If a design challenge is given, it will likely relate to trading interfaces, order management, or financial data visualization. Think about common pain points for traders.

• Leverage Your Portfolio: Use examples from your portfolio to illustrate your problem-solving approach and design methodologies.

• Practice Articulating Decisions: Be prepared to explain the "why" behind your design choices, linking them to user needs, business goals, and technical constraints.

• Showcase Collaboration: If the challenge involves presenting to a team, demonstrate how you would incorporate feedback and collaborate with stakeholders.

📝 Enhancement Note: The interview process is designed to thoroughly assess both design craft and operational fit for a specialized role. A strong, process-oriented portfolio that highlights Figma proficiency and financial product experience will be critical for success. Candidates should prepare to discuss their contributions to system design and their ability to handle regulated product complexities.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: The core design tool, essential for UI design, prototyping, and design system management. Deep expertise is required, including advanced features like components, variants, auto-layout, and collaborative workflows.

• Design System Tools: Proficiency in managing and extending design systems within Figma. Familiarity with the principles of atomic design is key.

Analytics & Reporting:

• HotJar / Amplitude: Experience using these or similar tools for user behavior analysis, heatmaps, session recordings, and product analytics to inform design decisions.

• Prototyping Tools: Beyond Figma's built-in capabilities, familiarity with other advanced prototyping tools might be beneficial for complex interactions.

CRM & Automation:

• While not a direct requirement for the designer, understanding how CRM and automation tools (e.g., Salesforce, HubSpot, marketing automation platforms) feed into user journeys and customer data can be advantageous for holistic product design. Development Context:

• React: The platform is built on React, so an understanding of how UI components translate to React code is highly beneficial for effective developer handoffs.

• HTML/CSS: Preferred knowledge that aids communication with front-end developers.

• Storybook: Preferred experience for documenting and showcasing UI components.

• AI-Assisted Design Tooling: Exposure to tools like Figma Make or Claude is a plus, indicating an interest in leveraging emerging technologies.

📝 Enhancement Note: The technology stack is heavily focused on modern design and development workflows. Figma is central, alongside analytics tools that drive data-informed design. Understanding the underlying development framework (React) and web technologies (HTML/CSS) is crucial for effective collaboration and pixel-perfect implementation.

👥 Team Culture & Values

Operations Values:

• Precision & Rigor: Given the financial trading domain, an inherent value is meticulous attention to detail, accuracy, and adherence to strict design rules and conventions within the design system.

• Collaboration & Ownership: The company culture emphasizes "We have each other's backs" and "We step up," indicating a value placed on teamwork, mutual support, and taking initiative and responsibility for one's work.

• Curiosity & Boldness: The value "We challenge each other" and "Be more creative, more curious, more bold" suggests an environment that encourages innovation, questioning the status quo, and pushing design boundaries within the regulated landscape.

• Efficiency & Effectiveness: As a FinTech company focused on helping traders, there's an underlying value in designing efficient workflows and effective tools that directly contribute to user success and business objectives.

• Continuous Improvement: The values of challenging each other and thriving together imply a commitment to ongoing learning, iteration, and refining processes and products.

Collaboration Style:

• Cross-Functional Integration: Designers are expected to work closely with Product Managers, Product Owners, and front-end engineers, forming integrated teams focused on specific product verticals.

• Design Critiques: A culture of peer review and constructive feedback is encouraged through "design crits," fostering shared learning and quality improvement.

• Open Communication: The emphasis on mutual support and challenging each other suggests an open communication style where ideas can be freely exchanged, and feedback is given and received constructively.

• Process-Oriented: Collaboration likely involves structured processes like agile ceremonies, design system governance, and detailed handoff procedures to ensure smooth workflow and consistent output.

📝 Enhancement Note: Trade Nation's stated commitments highlight a culture that balances professional rigor with a supportive and dynamic work environment. For operations professionals, this means an expectation of high standards, data-driven decision-making, and proactive problem-solving, all within a collaborative and growth-oriented team setting.

⚡ Challenges & Growth Opportunities

Challenges:

• Domain Complexity: Deeply understanding and designing for the intricacies of financial trading (various order types, market data, risk management) while maintaining simplicity for the user.

• Design System Governance: Continuously evolving and enforcing a robust design system across a complex and rapidly changing product surface, ensuring consistency and scalability.

• Balancing Innovation with Regulation: Designing innovative user experiences within a highly regulated industry that imposes strict constraints on financial product interfaces.

• Remote Collaboration: Effectively collaborating with distributed teams (developers, product owners) to ensure clear communication, alignment, and timely delivery of high-quality designs.

• Pixel-Perfect Implementation: Ensuring that the final implemented product precisely matches the design intent, which requires meticulous attention to detail and strong QA processes in partnership with developers.

Learning & Development Opportunities:

• Specialized FinTech Domain Expertise: Gain in-depth knowledge of trading platforms, financial instruments, and the regulatory landscape, becoming a specialist in a high-demand area.

• Advanced Design System Mastery: Develop expertise in building, scaling, and governing complex design systems, a highly valuable skill in the industry.

• Exposure to Modern Tech Stacks: Work with React, modern front-end development practices, and potentially AI-assisted design tools, expanding technical and design tool proficiency.

• Cross-Functional Skill Development: Enhance collaboration and communication skills by working closely with product management and engineering, gaining insights into business strategy and technical execution.

• Potential for Leadership: Opportunities to mentor junior designers, lead design initiatives, or contribute to product strategy as experience grows.

📝 Enhancement Note: The challenges presented are typical for specialized product design roles in regulated industries. The growth opportunities are substantial, offering a clear path for career advancement and skill development within the FinTech sector.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you had to simplify a highly complex or regulated product feature for end-users. What was your process, and what was the outcome?" (Prepare a case study from your portfolio that exemplifies this.)

• "How do you approach building and maintaining a design system for a large-scale application? What are the key principles you follow, and how do you ensure adoption by developers?" (Focus on your Figma and atomic design experience.)

• "Walk me through your process for translating user feedback and analytics data into actionable design improvements for a live product." (Highlight your experience with HotJar, Amplitude, or similar tools.) Company & Culture Questions:

• "What interests you specifically about designing for financial trading platforms at Trade Nation, as opposed to other types of products?" (Research Trade Nation's mission, values, and competitive landscape.)

• "How do you handle constructive criticism or disagreements with product managers or engineers regarding design decisions?" (Emphasize your collaborative approach and focus on achieving the best outcome.)

• "How do you ensure your designs are not only user-friendly but also compliant with industry regulations and technical constraints?" (Discuss your process for working with legal/compliance and engineering.) Portfolio Presentation Strategy:

• Structure for Clarity: Organize your presentation logically, starting with the problem, your process, your solutions, and the impact. For each case study, clearly define the scope and your specific contribution.

• Show, Don't Just Tell: Use visuals – mockups, prototypes, user flows, design system components – to illustrate your points effectively.

• Quantify Impact: Whenever possible, present metrics that demonstrate the success of your designs (e.g., improved conversion rates, reduced task times, positive user feedback).

• Highlight Figma Expertise: Demonstrate your mastery of Figma, particularly your ability to create and manage robust design systems and components.

• Emphasize Collaboration: Explain how you partnered with product managers, engineers, and other stakeholders throughout the design process.

📝 Enhancement Note: Interview preparation should focus on demonstrating a deep understanding of the design process, proficiency with essential tools like Figma, and the ability to handle the unique challenges of financial product design within a collaborative, operations-minded environment.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided link on Workable.

• Tailor your Resume and Cover Letter: Highlight specific experience with FinTech, financial trading platforms, Figma, design systems, and atomic design. Quantify achievements with metrics where possible.

• Prepare Your Portfolio: Curate 3-5 strong case studies that showcase your process, problem-solving skills, and impact, with a focus on complex UI and financial products. Ensure your Figma expertise and design system contributions are clearly visible.

• Research Trade Nation: Understand their products, market position, company values, and recent news. Be prepared to articulate why you are a good fit for their culture and mission.

• Practice Interview Responses: Rehearse answers to common product design interview questions, especially those related to your portfolio, design process, collaboration, and handling complexity. Be ready to discuss your understanding of the trading domain.

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