Senior Product Designer - Design System

📍 Job Overview

Job Title: Senior Product Designer - Design System

Company: Super Technologies

Location: Croatia

Job Type: Full-time

Category: Product Design / Design Systems

Date Posted: 2026-05-04

Experience Level: Senior (5-10 years)

Remote Status: On-site

🚀 Role Summary

• Spearhead the creation, refinement, and maintenance of a comprehensive design system, ensuring consistency and scalability across diverse platforms and products.

• Foster a strong partnership between design and engineering teams to synchronize Figma designs with production code, minimizing discrepancies and accelerating delivery.

• Define and evolve robust component APIs, design tokens, and asset libraries to empower product teams and facilitate efficient development workflows.

• Champion accessibility standards (WCAG compliance) throughout the design system, embedding inclusive design principles into every component and pattern.

• Drive the adoption and governance of the design system, including versioning strategies, contribution models, and clear deprecation processes.

📝 Enhancement Note: This role is critical for a rapidly growing technology company aiming to scale its product offerings across multiple regions and brands. The emphasis on a "Playstack" suggests a need for a highly cohesive and adaptable design system that can support diverse user experiences within the gaming, sports, and fan engagement sectors. The Senior Product Designer will be instrumental in establishing and maintaining these foundational design elements.

📈 Primary Responsibilities

• Design, build, and meticulously document components, patterns, design tokens, and visual assets that form the backbone of the company's product suite.

• Collaborate closely with Design System Engineers to ensure seamless alignment between Figma implementations and shipped code, maintaining design integrity.

• Define and iterate on component APIs, including properties, variants, states, and slots, prioritizing flexibility, predictability, and user-friendliness for both designers and developers.

• Own and strategically expand the design token system to accommodate multiple themes, brands, and operational modes, ensuring a cohesive visual identity.

• Develop and maintain clear, concise, and actionable documentation within Notion, enabling confident adoption and contribution from product teams.

• Integrate and enforce accessibility best practices (WCAG 2.1+ compliance), covering keyboard navigation, screen reader compatibility, contrast ratios, and motion preferences.

• Design and implement thoughtful motion principles to enhance usability, guide user interaction, and reinforce brand identity across digital touchpoints.

• Provide ongoing support to product teams through design reviews, system audits, and the management of contribution intake processes.

• Establish and uphold design system governance, including version control, contribution workflows, and clear communication for component deprecation.

• Measure the health, adoption, and impact of the design system, leveraging data-driven insights to inform prioritization and future development efforts.

• Explore and integrate emerging AI tools and workflows to enhance design processes, documentation, and overall efficiency within the design system lifecycle.

• Cultivate a collaborative, inclusive, and innovative culture within the design system team and across the broader engineering and product organizations.

📝 Enhancement Note: The responsibilities highlight a deep dive into the technical aspects of design systems, emphasizing the collaboration with engineers, API definition, and token management. The inclusion of AI tooling and a focus on multi-brand/multi-region systems indicates a forward-thinking approach to design system development in a complex, scaling organization.

🎓 Skills & Qualifications

Education: Bachelor's degree in Design, Human-Computer Interaction, Computer Science, or a related field, or equivalent practical experience.

Experience: 5-10 years of experience in product design, with a significant focus on building and maintaining design systems.

Required Skills:

• Proven experience working on or contributing to a mature design system, demonstrated through a strong portfolio showcasing depth and breadth of work.

• Expert-level proficiency in Figma, including mastery of variables, modes, component properties, variants, instance swapping, and library management.

• Exceptional UI craft and motion design skills, with a deep understanding of animation principles and their application to enhance usability and user experience.

• Strong graphic design capabilities, with expertise in creating and managing icon systems and illustration libraries.

• Solid understanding and practical application of accessibility standards (WCAG 2.1+), including inclusive design principles, keyboard navigation, and screen reader considerations.

• Familiarity with front-end development concepts, including component-based frameworks (e.g., React, Vue, Angular), design token pipelines, and their relationship to design system implementation.

• High proficiency in Notion for creating structured, maintainable, and easily accessible design system documentation.

• A highly organized, systematic, and detail-oriented approach to UI design, with a strong emphasis on naming conventions, file structure, and overall consistency.

• Experience designing for diverse platforms, including web and native mobile applications, with an understanding of platform-specific conventions and best practices.

• Comfort and curiosity with contemporary AI tooling, with a demonstrated ability to leverage these tools to improve design workflows and efficiency.

Preferred Skills:

• Experience designing for or maintaining multi-brand, multi-region, or themeable design systems.

• Familiarity with Figma Code Connect or similar tools that bridge design and code workflows.

• Experience mentoring junior designers or evangelizing design system adoption across product teams.

• Prior experience working within the sports entertainment or betting industry.

📝 Enhancement Note: The emphasis on "expert proficiency in Figma" and "strong UI craft and motion design skills" suggests a hands-on role rather than purely strategic. The requirement for understanding front-end frameworks and design token pipelines indicates a need for a designer who can effectively communicate with engineers and understand technical constraints and possibilities.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A dedicated section showcasing contributions to or ownership of a design system, detailing your role, challenges, and impact.

• Case studies demonstrating the design and implementation of complex UI components, including their states, variants, and API definitions.

• Examples of icon and illustration systems, highlighting consistency, scalability, and brand alignment.

• Demonstrations of how accessibility principles were integrated into design solutions, with specific examples of WCAG compliance.

• Visualizations or descriptions of how design tokens were structured and applied across different themes or brands.

• Evidence of clear, structured documentation (e.g., Notion examples) that guides designers and developers in system usage.

Process Documentation:

• Showcase examples of how you've documented design system contributions, including design specifications, usage guidelines, and contribution workflows.

• Provide evidence of your ability to define and manage component APIs, outlining the parameters, variants, and states you've established.

• Illustrate your approach to maintaining consistency and scalability, whether through component libraries, token systems, or established design patterns.

• Demonstrate how you've collaborated with engineering teams to ensure design-to-code fidelity and efficient system implementation.

📝 Enhancement Note: The portfolio is paramount for this role, especially the design system-specific work. Candidates must clearly articulate their process, from ideation and component design to documentation and implementation collaboration, with a strong emphasis on measurable outcomes and system health.

💵 Compensation & Benefits

Salary Range: Given the "Senior Product Designer" title and the location in Croatia, combined with a growing international technology company, a competitive salary range is expected. Based on industry benchmarks for senior design roles in Western/Central Europe, a range of €50,000 - €75,000 annually is a reasonable estimate, depending on experience and specific qualifications.

Benefits:

• Comprehensive health insurance coverage (medical, dental, vision).

• Generous paid time off (vacation, public holidays, sick leave).

• Opportunities for professional development, including training, conferences, and workshops.

• Potential for performance-based bonuses or stock options.

• Support for relocation or expatriate services if applicable.

• Access to company-provided equipment and software licenses.

• A dynamic and collaborative work environment with opportunities for growth.

Working Hours: Standard full-time working hours, likely around 40 hours per week, with potential for some flexibility to accommodate international collaboration and core business needs.

📝 Enhancement Note: Salary is estimated based on a Senior Product Designer role in Croatia, considering the tech industry and the international nature of Super Technologies. Benefits are standard for such roles in European tech companies but may vary. The exact salary will depend on the candidate's experience, negotiation, and the company's internal compensation structure.

🎯 Team & Company Context

🏢 Company Culture

Industry: Technology (Gaming, Sports Betting, Fan Engagement Platforms)

Company Size: Large (5,000+ employees)

Founded: The company has a history of growth and evolution, with its current focus on "The Playstack" indicating a modern, tech-forward approach. The company operates across multiple commercial markets in Europe and Latin America, suggesting a global operational footprint.

Team Structure:

• The Design System team is likely composed of specialized designers and engineers focused on creating and maintaining foundational UI elements and patterns.

• This team will operate as a service provider to various product teams across different regions and brands, requiring strong collaboration and communication skills.

Methodology:

• The company emphasizes a data-driven approach to product development and user experience.

• Workflow optimization and efficiency are key, especially with the scale of operations across multiple markets.

• A strong emphasis on craft, consistency, and bridging the gap between design and code is evident in the role's description.

• The "Culture Manifesto" suggests a structured approach to company values and operational principles.

Company Website: https://super.xyz/

📝 Enhancement Note: Super Technologies is positioned as a significant player in the entertainment technology space, aiming to build a comprehensive platform ("The Playstack"). The company's global presence and diverse employee base indicate a culture that values international collaboration and diverse perspectives. The operations of this company are geared towards scaling technology solutions for millions of customers across various entertainment verticals.

📈 Career & Growth Analysis

Operations Career Level: This is a Senior-level position, indicating a requirement for significant independent work, strategic input, and the ability to mentor others. The role is responsible for a critical foundational element of the company's product strategy – the design system.

Reporting Structure: The Senior Product Designer will likely report to a Design System Lead, Head of Design, or a Director of Product Design. They will collaborate closely with Design System Engineers, Product Managers, and development teams across various product lines.

Operations Impact: The impact of this role is substantial. A well-maintained and adopted design system directly influences:

• Time-to-market: Faster development cycles for new features and products.

• Product Consistency: Ensuring a cohesive brand experience across all touchpoints.

• Scalability: Enabling the company to expand its offerings efficiently into new markets and verticals.

• User Experience: Directly contributing to a more delightful and intuitive user journey for millions of customers.

• Efficiency: Reducing redundant design and development efforts.

Growth Opportunities:

• Leadership: Potential to grow into a Design System Lead or Manager role, overseeing a team and shaping the future of the design system strategy.

• Specialization: Deepen expertise in areas like accessibility, motion design, or multi-brand system management.

• Cross-functional Movement: Opportunities to move into broader Product Design roles, Product Management, or even engineering-adjacent roles due to the technical nature of the position.

• Mentorship: Opportunities to mentor junior designers and contribute to the overall design maturity of the organization.

• Industry Expertise: Gain specialized knowledge in the dynamic sports entertainment and betting technology sectors.

📝 Enhancement Note: The Senior Product Designer role is a pivotal position within the company's design and product organization. Its growth potential is significant, offering pathways into leadership, deeper specialization, and broader product development roles, all while contributing to the core technological infrastructure of Super Technologies.

🌐 Work Environment

Office Type: While the role is listed as "On-site," the company's global presence and description suggest a modern, potentially hybrid or flexible office environment. Offices are likely equipped with collaborative spaces, private work areas, and the necessary technology infrastructure to support design and development work.

Office Location(s): The primary listed location is Croatia, but Super Technologies has offices in Spain, Croatia, Malta, Gibraltar, and the Netherlands, among others. This indicates potential for collaboration with international teams and a global perspective in the work environment.

Workspace Context:

• Expect a collaborative environment where designers, engineers, and product managers work closely together to achieve common goals.

• Access to state-of-the-art design tools (Figma) and potentially collaboration platforms (Notion) will be standard.

• The work will involve close interaction with product teams to understand their needs and provide design system support.

• The company's focus on "The Playstack" suggests an innovative and fast-paced work atmosphere.

Work Schedule: A standard 40-hour work week is typical, with an expectation of flexibility to meet project deadlines and collaborate with international teams across different time zones.

📝 Enhancement Note: The "On-site" designation for Croatia implies a physical presence is required there, but the company's international footprint suggests a global mindset and potentially diverse office setups. The emphasis on collaboration and technology points to a modern, well-equipped workspace.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or hiring manager will review your application, focusing on your resume and portfolio.

• Portfolio Review & Discussion: A deeper dive into your design system experience and portfolio. Expect to discuss specific projects, your contributions, design decisions, and the impact of your work. This is where you'll showcase your understanding of components, tokens, accessibility, and collaboration.

• Skills Assessment/Design Challenge: You may be given a practical exercise related to design system contribution, component design, or documentation. This could involve creating a new component, refining an existing one, or documenting a pattern.

• Team Interviews: Meetings with design system engineers, other designers, and product managers to assess your collaboration skills, technical understanding, and cultural fit.

• Final Interview: Potentially with senior leadership to discuss strategic alignment and overall fit.

Portfolio Review Tips:

• Highlight Design System Expertise: Dedicate a significant portion of your portfolio to your design system work. Showcase specific components, patterns, tokens, and documentation.

• Detail Your Process: For each project, clearly articulate your role, the problem you were solving, your design process, the tools you used (Figma, Notion), and the outcomes/impact.

• Showcase Collaboration: Include examples or descriptions of how you collaborated with engineers and product teams.

• Emphasize Accessibility: Clearly demonstrate your commitment to and understanding of WCAG compliance and inclusive design principles.

• Quantify Impact: Where possible, use metrics to show the success of your design system contributions (e.g., adoption rates, reduction in design/dev time, consistency improvements).

• Clean and Scalable Files: If you can, show examples of well-organized Figma files or documentation structures.

Challenge Preparation:

• Figma Proficiency: Be ready to demonstrate advanced Figma skills, including variables, modes, component properties, and library management.

• Component Design: Practice designing a new component from scratch, considering its states, variants, API, and accessibility.

• Documentation Skills: Be prepared to write clear, concise documentation for a component or pattern, similar to what you'd find in Notion.

• Problem-Solving: Think about common design system challenges (e.g., contribution workflows, deprecation, multi-brand support) and how you would approach them.

• AI Tooling: Be ready to discuss how you might leverage AI to enhance design system workflows.

📝 Enhancement Note: The interview process will heavily rely on the candidate's portfolio and their ability to articulate their experience with design systems, particularly in Figma and Notion. A practical challenge is highly probable, testing hands-on skills and understanding of design system principles.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: The core design tool. Expertise in variables, modes, component properties, libraries, and collaborative features is essential.

• Notion: For comprehensive, structured, and maintainable documentation of the design system, including guidelines, component specs, and contribution processes.

Analytics & Reporting:

• While not explicitly mentioned, expect to use analytics tools to track design system adoption and impact. This might involve collaboration with product analytics teams using platforms like Amplitude, Mixpanel, or similar.

CRM & Automation:

• Storybook (or similar): Familiarity with tools like Storybook is a strong plus, as it's commonly used to document and showcase UI components in a code-agnostic way, bridging design and development.

• Design Tokens Tools: Understanding of how design tokens are managed and implemented, potentially involving tools or libraries for token generation and management.

• AI Design Tools: Curiosity and willingness to explore and integrate newer AI tools that can assist in design generation, documentation, or workflow automation.

📝 Enhancement Note: The technology stack is heavily centered around Figma and Notion for design and documentation, respectively. Familiarity with tools that bridge design and code, like Storybook, and an understanding of design token management are critical. The company's forward-thinking approach suggests an openness to incorporating AI into design workflows.

👥 Team Culture & Values

Operations Values:

• Craft & Consistency: A deep respect for high-quality design execution and ensuring a unified brand experience across all products.

• Collaboration & Service: Viewing the design system as a service to product teams, requiring active listening, clear communication, and responsive support.

• Efficiency & Scalability: A drive to create foundational elements that enable faster development and seamless expansion into new markets and features.

• Inclusivity & Accessibility: A fundamental commitment to designing for everyone, ensuring WCAG compliance and equitable user experiences.

• Continuous Improvement: A proactive approach to measuring, learning, and iterating on the design system based on feedback and data.

Collaboration Style:

• Cross-functional Partnership: Working closely with engineers, product managers, and other designers to ensure alignment and shared understanding.

• Transparent Communication: Openly sharing updates, challenges, and decisions related to the design system.

• Feedback-Driven: Actively seeking and incorporating feedback from product teams to refine and improve the system.

• Mentorship & Knowledge Sharing: A culture of sharing expertise and supporting the growth of others within the design and product organization.

📝 Enhancement Note: The culture emphasizes a strong service orientation towards product teams, underpinned by a commitment to quality, efficiency, and inclusivity. Collaboration is key, with a focus on bridging the gap between design and code to achieve scalable and consistent user experiences.

⚡ Challenges & Growth Opportunities

Challenges:

• Scaling Multi-Brand/Multi-Region Systems: Managing consistency and flexibility across different brands, themes, and geographical requirements can be complex.

• Balancing Standardization with Flexibility: Ensuring the design system supports diverse product needs without becoming overly rigid.

• Driving Adoption: Encouraging and supporting product teams to effectively adopt and contribute to the design system.

• Keeping Pace with Technology: Integrating new tools (like AI) and evolving design and development practices.

• Technical Debt Management: Addressing legacy components or inconsistencies as the system grows.

Learning & Development Opportunities:

• Advanced Design System Strategy: Opportunities to learn and implement advanced strategies for multi-brand, multi-region, and themeable systems.

• Figma and Design Tool Mastery: Deepening expertise in cutting-edge features of Figma and exploring new design and prototyping tools.

• Accessibility Expertise: Becoming a go-to expert in accessibility standards and inclusive design practices.

• AI in Design: Exploring and integrating AI tools to enhance design workflows, documentation, and efficiency.

• Leadership and Mentorship: Developing skills in leading design initiatives and mentoring junior team members.

• Industry Conferences & Training: Access to industry events and training programs focused on design systems, UX, and emerging technologies.

📝 Enhancement Note: The challenges are inherent to mature design system work, particularly in a scaling, multi-faceted organization. The growth opportunities are substantial, offering pathways to become a true leader and expert in the field of design systems and product design.

💡 Interview Preparation

Strategy Questions:

• "How would you approach designing a new component for our design system, considering flexibility for multiple brands and accessibility requirements?" (Focus on your process, Figma usage, and consideration of API/tokens).

• "Describe a time you had to convince a product team to adopt a new pattern or component from the design system. What was your strategy, and what was the outcome?" (Highlight communication, collaboration, and impact).

• "If you identified a significant accessibility issue within an existing component, how would you go about addressing it within the design system framework?" (Demonstrate problem-solving and commitment to inclusivity).

Company & Culture Questions:

• "Given our mission to build 'The Playstack' for entertainment and fan experiences, what opportunities do you see for a robust design system?" (Connect your expertise to the company's strategic goals).

• "How would you foster a collaborative culture within the design system team and with the broader product and engineering organizations?" (Demonstrate teamwork and communication skills).

Portfolio Presentation Strategy:

• Structure for Impact: Organize your portfolio to clearly showcase your design system experience upfront. Use case studies that highlight your most relevant contributions.

• Narrative is Key: For each project, tell a story: the problem, your role, your process, the solution, and the impact. Use visuals effectively but don't let them overshadow your explanation.

• Figma & Notion Demos: Be prepared to walk through your Figma files to demonstrate your organization and proficiency, and show examples of your Notion documentation.

• API & Token Explanations: Clearly explain your approach to defining component APIs and structuring design tokens.

• Focus on Collaboration: Provide concrete examples of how you partnered with engineers and other stakeholders.

• Highlight Accessibility: Dedicate specific points to how you embedded accessibility in your designs.

📝 Enhancement Note: Interview preparation should focus on demonstrating a deep understanding of design system principles, practical application in Figma and Notion, and strong collaborative and communication skills. Be ready to discuss how your work directly contributes to the company's strategic goals and user experience.

📌 Application Steps

To apply for this Senior Product Designer position:

• Submit your application through the provided link on Greenhouse.

• Tailor Your Resume: Highlight experience with design systems, Figma proficiency, accessibility standards, and collaboration with engineering teams. Use keywords like "Design Systems," "Figma," "WCAG," "UI Components," "Design Tokens," and "Notion."

• Curate Your Portfolio: Ensure your portfolio prominently features your design system work. Include detailed case studies that showcase your process, problem-solving, and impact. Prepare to walk through specific Figma files and Notion documentation.

• Prepare for Discussion: Anticipate questions about your design system philosophy, challenges you've overcome, and how you collaborate. Practice articulating your contributions and their impact.

• Research Super Technologies: Understand their mission ("The Playstack"), their industry (gaming, sports, fan experiences), and their global presence. Tailor your application and interview responses to align with their goals and culture.

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

---