UI Designer

📍 Job Overview

Job Title: UI Designer

Company: StoneX Group

Location: 80 Strand Street, Cape Town, 8001, South Africa

Job Type: Other

Category: UI/UX Design, Digital Design

Date Posted: May 26, 2026

Experience Level: 2-5 Years

Remote Status: Hybrid (4 days/week in-office)

🚀 Role Summary

• Design high-fidelity, responsive website interfaces tailored for the financial services sector, ensuring a seamless user experience.

• Collaborate extensively with Product Managers, UX Designers, and Development teams to translate complex requirements into intuitive and visually appealing UI solutions.

• Leverage Figma as the primary design tool for creating detailed design files, interactive prototypes, comprehensive documentation, and handover assets.

• Actively contribute to the evolution and maintenance of the company's design system, ensuring brand consistency and adherence to established components and patterns across all digital products.

📝 Enhancement Note: The role is a fixed-term contract of 9 months, which is a critical detail for candidates to consider regarding career progression and commitment. The emphasis on the financial services sector implies a need for understanding regulated environments and specific industry design constraints.

📈 Primary Responsibilities

• Design high-quality, responsive website interfaces specifically for financial sector digital products, focusing on user-centricity and modern design sensibilities.

• Produce comprehensive design files, interactive prototypes, and essential handover assets using Figma, ensuring clarity and detail for engineering teams.

• Collaborate closely with the WebOps team to review and approve live page designs, ensuring accurate implementation and adherence to design specifications before publication.

• Contribute to and actively maintain the company's design system, ensuring consistency across all UI components and patterns, and applying design tokens efficiently.

• Prepare clear, concise documentation for engineering teams to facilitate smooth implementation and reduce ambiguity during the development lifecycle.

• Conduct thorough visual Quality Assurance (QA) checks to ensure design integrity and pixel-perfect execution throughout the implementation process.

• Work effectively within an Agile or hybrid delivery environment, adapting to iterative development cycles and team workflows.

📝 Enhancement Note: The responsibility of contributing to and evolving the design system, along with applying design tokens (potentially using Token Studio), indicates a need for a designer who understands system-level thinking and component-based design. The inclusion of visual QA and collaboration with WebOps highlights the importance of a designer who can bridge the gap between design and implementation.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong portfolio and demonstrable experience are paramount. A background in Graphic Design, Interaction Design, or a related field is often beneficial.

Experience: 3-5+ years of dedicated experience in UI or Website Design roles, with a significant focus on projects within the financial services sector.

Required Skills:

• 3–5+ years of experience in UI or Website Design roles.

• Demonstrable experience working within the financial sector (e.g., banks, fintech, insurance, investment platforms).

• A strong, curated portfolio showcasing website design projects with clear rationale, exceptional visual craft, and modern design sensibilities.

• Strong expertise in Figma, including advanced features like components, auto layout, variants, responsive design, and prototyping.

• Proven experience working with design systems, either consuming them or contributing to their development and maintenance.

• Good understanding of core UX principles and the ability to collaborate effectively with UX teams.

• Strong knowledge of typography, layout principles, grid systems, spacing, and digital brand expression.

• Ability to work independently, manage project timelines effectively, and consistently deliver high-quality work.

Preferred Skills:

• Experience using Token Studio for managing design tokens.

• Knowledge of accessibility standards (e.g., WCAG) and inclusive design practices.

• Familiarity with financial compliance or regulated industry design constraints.

• Basic understanding of frontend development concepts (HTML/CSS) to facilitate better communication and handover with engineering teams.

📝 Enhancement Note: The emphasis on a "curated portfolio showcasing website design projects with clear rationale, visual craft, and modern design sensibilities" is crucial. Candidates should be prepared to walk through their portfolio, explaining their design process, strategic thinking, and the impact of their work, particularly in financial contexts.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase website design projects with a clear rationale behind design decisions, demonstrating an understanding of user needs and business objectives within the financial sector.

• Highlight examples of responsive design implementation, illustrating how interfaces adapt across various devices and screen sizes.

• Present case studies demonstrating collaboration with UX, product, and development teams, emphasizing problem-solving and iterative design processes.

• Include examples of contribution to or utilization of design systems, detailing how consistency and scalability were achieved.

Process Documentation:

• Provide documentation examples that illustrate clear handover procedures for engineering teams, detailing asset organization and specification clarity.

• Showcase experience in conducting visual QA, demonstrating a meticulous approach to ensuring design fidelity during development.

• Illustrate familiarity with working within Agile or hybrid delivery models, including how design processes integrate with sprint cycles and team stand-ups.

📝 Enhancement Note: The portfolio should not only display visual aesthetics but also the strategic thinking and collaborative processes behind the designs. For this role, demonstrating an understanding of how design impacts user engagement and trust within a regulated financial environment will be key.

💵 Compensation & Benefits

Salary Range: For a UI Designer with 3-5 years of experience in Cape Town, South Africa, specializing in financial services and Figma expertise, the estimated salary range is ZAR 40,000 - ZAR 65,000 per month. This estimate is based on market data for similar roles in the region, considering the specialized industry requirement and contract duration.

Benefits:

• Fixed-term contract for 9 months.

• Opportunity to work with a global financial services firm.

• Exposure to diverse financial products and client needs.

• Collaborative team environment with cross-functional interaction.

• Potential for professional development through exposure to complex design challenges.

Working Hours: Standard business hours, with a hybrid arrangement requiring 4 days per week in the Cape Town office. This totals approximately 40 hours per week, with potential for some flexibility depending on project needs and team agreements.

📝 Enhancement Note: The salary range is an estimate for a 9-month contract role in Cape Town. Actual compensation may vary based on the candidate's specific experience, portfolio strength, and negotiation. The benefits are standard for contract roles, with the primary value being the experience gained.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services. StoneX Group operates as a diversified financial services provider, connecting clients to global markets across various asset classes. This industry context implies a need for design that is not only aesthetically pleasing but also trustworthy, compliant, and user-friendly, especially for financial products.

Company Size: 5,400+ employees, operating from over 80 offices across six continents. This indicates a large, established, and globally distributed organization, suggesting structured processes and potentially a more formal corporate culture, but with opportunities for impact within specific business segments.

Founded: StoneX Group has a long history, positioning it as a stable and experienced player in the financial markets. This longevity often translates to a culture that values reliability, expertise, and long-term relationships.

Team Structure:

• The UI Designer will likely be part of a broader digital design or marketing team, working closely with UX designers, product managers, and WebOps specialists.

• Reporting structure is likely to be within a digital product or marketing department, with a direct manager overseeing design deliverables and team integration.

Methodology:

• Data-driven design decisions, informed by user research and analytics, are expected.

• Workflow planning and optimization strategies will be applied to ensure efficient design delivery and handoff.

• Automation practices might be relevant in terms of design system management and asset generation, though the primary focus is on manual design execution.

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

📝 Enhancement Note: The company's Fortune 100 status and global presence suggest a dynamic environment where innovation is encouraged but must be balanced with regulatory compliance and established corporate standards. The role likely interfaces with teams responsible for client-facing digital products.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned at an experienced individual contributor level, focusing on specialized UI/Website Design within the financial sector. It requires a strong command of design tools and methodologies, with the expectation of delivering high-quality, independently managed design work.

Reporting Structure: The UI Designer will report to a Design Lead, Product Manager, or a Marketing/Digital Operations Manager. This structure allows for guidance on strategic direction and performance feedback while maintaining autonomy in design execution.

Operations Impact: The UI Designer's work directly impacts the user experience of StoneX's digital platforms, influencing client engagement, trust, and potentially conversion rates for financial products. High-quality design contributes to brand perception and operational efficiency by reducing user friction and support inquiries.

Growth Opportunities:

• Specialization: Deepen expertise in financial sector design, accessibility, and advanced Figma techniques.

• Design System Contribution: Gain significant experience in building and maintaining scalable design systems, a highly sought-after skill.

• Cross-functional Exposure: Develop a broader understanding of product development lifecycles, UX research, and WebOps processes through close collaboration.

• Contract Extension/Future Roles: A successful 9-month contract could lead to extensions or opportunities for permanent roles within StoneX, depending on business needs and performance.

📝 Enhancement Note: While this is a contract role, the opportunity to contribute to a design system within a large financial institution offers significant portfolio enhancement and potential for future career advancement in specialized design fields.

🌐 Work Environment

Office Type: Hybrid work model, with a requirement to be in the office 4 days per week. This suggests a blend of focused individual work and collaborative team engagement within a professional office setting.

Office Location(s): 80 Strand Street, Cape Town. This central location likely offers accessibility and proximity to other business hubs.

Workspace Context:

• The workspace is expected to be collaborative, with opportunities to interact with UX designers, product managers, and WebOps teams.

• Access to necessary design tools and technology, including Figma and potentially other relevant software, will be provided.

• The environment is likely professional and conducive to detailed design work, with a focus on delivering for the financial services sector.

Work Schedule: Standard full-time hours (approximately 40 hours per week), with the hybrid model allowing for flexibility in managing on-site and remote workdays. This schedule supports focused design work and team collaboration.

📝 Enhancement Note: The hybrid model indicates a company that values both in-person collaboration and individual focused work. Candidates should be comfortable with a structured office presence 4 days a week.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: HR or recruitment team will review applications and portfolios for basic qualifications and experience.

• Technical Interview/Portfolio Review: A session with a hiring manager or senior designer to discuss the candidate's portfolio in detail, assess design skills, Figma proficiency, and understanding of financial sector design. Expect questions about design rationale, problem-solving, and system thinking.

• Team/Cross-functional Interview: An opportunity to meet with potential collaborators (e.g., UX designers, Product Managers) to assess cultural fit, communication style, and collaboration capabilities.

• Final Interview: May involve a senior leader to discuss overall fit and confirm the candidate's suitability for the contract role.

Portfolio Review Tips:

• Curate Selectively: Showcase 3-5 of your strongest website design projects, prioritizing those within the financial services sector.

• Tell a Story: For each project, clearly articulate the problem, your role, the design process, key decisions, challenges faced, and the outcome or impact. Use visuals to support your narrative.

• Highlight Figma Mastery: Be prepared to demonstrate specific Figma features used (components, auto layout, variants, prototyping) and how they facilitated efficient design.

• Showcase Design System Experience: If you've worked with design systems, clearly explain your contribution and its benefits.

• Address Financial Nuances: Be ready to discuss how you approach design in regulated or compliance-heavy industries.

Challenge Preparation:

• Candidates might be given a small design exercise or asked to critique an existing interface.

• Be prepared to discuss how you would approach designing a specific feature for a financial product, focusing on user needs, security, and compliance.

• Practice articulating your design decisions concisely and persuasively.

📝 Enhancement Note: The portfolio review is the most critical stage. Candidates should be ready to defend their design choices and demonstrate a deep understanding of UI principles, Figma, and the unique demands of designing for the financial industry.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Essential for all UI design, prototyping, and asset creation. Expertise in components, variants, auto layout, and collaborative features is required.

• Token Studio (Preferred): For managing and applying design tokens, ensuring consistency and efficient updates within the design system.

Analytics & Reporting:

CRM & Automation:

• Not directly applicable to the UI Designer role, but familiarity with how design integrates with broader customer experience platforms may be useful.

📝 Enhancement Note: Mastery of Figma is non-negotiable. Experience with Token Studio is a strong plus, indicating a candidate who is up-to-date with modern design system tooling and best practices.

👥 Team Culture & Values

Operations Values:

• Excellence: A commitment to delivering high-quality, polished designs that meet stringent industry standards.

• Collaboration: Working effectively with cross-functional teams to achieve shared goals.

• Innovation: Bringing fresh ideas and modern design approaches to improve user experiences.

• Integrity: Upholding professional standards, especially crucial within the financial services sector.

Collaboration Style:

• The team likely operates with a structured, yet agile, approach to design.

• Expect regular feedback loops, design critiques, and collaborative problem-solving sessions.

• Open communication is key, particularly in translating design requirements to developers and incorporating feedback from product and UX teams.

📝 Enhancement Note: The emphasis on integrity and excellence is paramount in the financial services industry. Candidates should demonstrate a professional demeanor and a commitment to producing reliable, well-crafted work.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing Aesthetics with Compliance: Designing engaging interfaces within the constraints of financial regulations and security requirements.

• Design System Adoption: Contributing to or working within a design system that may be evolving or requires careful integration with existing platforms.

• Cross-functional Communication: Effectively communicating design intent and rationale to non-design stakeholders, including developers and product managers.

• Fast-Paced Environment: Delivering high-quality work within the timelines of a 9-month contract and potentially Agile development cycles.

Learning & Development Opportunities:

• Advanced Figma Skills: Deepen expertise in complex Figma workflows, including advanced prototyping and collaboration features.

• Design System Architecture: Gain hands-on experience in the principles and practices of building robust and scalable design systems.

• Financial Sector Design Acumen: Develop a specialized understanding of user needs, regulations, and design best practices unique to the financial industry.

• Agile UX/UI Practices: Enhance skills in working within Agile methodologies and contributing effectively to iterative development processes.

📝 Enhancement Note: The key challenges revolve around the intersection of design creativity, technical execution, and regulatory demands within the financial sector. Successfully navigating these will be a significant growth opportunity.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you had to design a complex financial product interface. What were the key considerations and how did you address them?" (Focus on user needs, compliance, and clarity).

• "How do you ensure consistency across multiple digital products when working with a design system? Walk us through your process." (Highlight your understanding of system thinking and component reuse).

Company & Culture Questions:

• "What do you know about StoneX Group and our position in the financial services market?" (Research the company's business segments and recent news).

• "How do you approach collaboration with UX designers, product managers, and developers?" (Emphasize your communication and teamwork skills).

Portfolio Presentation Strategy:

• Structure: Begin with an overview of your background and the types of projects you’ll present. For each project, clearly state the objective, your role, the problem, your solution, and the outcome.

• Visuals: Use high-quality screenshots, mockups, and interactive prototypes. Show the evolution of your designs where relevant.

• Figma Demonstration: If possible, offer a brief live demonstration or walkthrough of key Figma elements used in a project (e.g., component structure, auto layout, prototyping connections).

• Conciseness: Be mindful of time. Practice delivering your presentation efficiently, focusing on the most impactful aspects of your work.

📝 Enhancement Note: Be prepared to discuss the "why" behind your design decisions, not just the "what." For a financial services company, demonstrating an understanding of risk, trust, and user confidence in your designs is crucial.

📌 Application Steps

To apply for this UI Designer position:

• Submit your application through the provided link on the StoneX careers portal.

• Portfolio Customization: Tailor your resume and cover letter to highlight your experience in UI design, website design, Figma proficiency, and specifically your work within the financial services sector. Emphasize your understanding of design systems and responsive design.

• Resume Optimization: Ensure your resume clearly lists your years of experience and relevant skills, using keywords from the job description (e.g., Figma, Design Systems, Financial Sector, Responsive Design, UI/UX). Quantify achievements where possible.

• Portfolio Preparation: Curate a strong portfolio that showcases your best website design projects, with clear rationale, visual craft, and modern design sensibilities. Be ready to present and discuss these projects in detail, focusing on your process and impact.

• Company Research: Familiarize yourself with StoneX Group, its business segments, target audience, and any recent digital initiatives. Understanding their market position will help you tailor your responses and demonstrate genuine interest.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.