Senior Product Designer - Barcelona Hybrid

📍 Job Overview

Job Title: Senior Product Designer - Barcelona Hybrid

Company: WIZELINE

Location: Barcelona, Catalonia, Spain

Job Type: Full-time

Category: Design Operations / Product Design

Date Posted: September 09, 2026

Experience Level: Mid-Senior Level (4+ years)

Remote Status: Hybrid

🚀 Role Summary

• This role is centered on the development and maintenance of a comprehensive design system, focusing on component building, Figma library management, and creating essential documentation for other designers.

• The position requires a systematic and detail-oriented individual who can ensure the scalability and effectiveness of design components across various product needs and multi-brand applications.

• A key aspect involves leveraging design tokens and Figma variables to support theming capabilities, maintain consistency, and facilitate multi-brand applications efficiently.

• Collaboration with engineering teams to ensure design-to-code alignment is crucial, bridging the gap between design specifications and implemented features.

📝 Enhancement Note: While the title is "Senior Product Designer," the core responsibilities and emphasis on design systems, component architecture, documentation, and scalability strongly indicate a focus on Design Operations within the product design function. The role requires a blend of hands-on design execution and a systematic, operational approach to managing design assets and guidelines.

📈 Primary Responsibilities

• Component Development and Refinement: Design, build, and iterate on new UI components based on product team requirements, ensuring they handle edge cases, meet accessibility standards (WCAG), and support multi-brand applications.

• Figma Library Management: Maintain, organize, and structure Figma libraries for optimal usability, ensuring clear documentation and ease of access for other designers as the system evolves.

• Documentation Creation: Develop clear, concise, and actionable documentation for design components, guiding designers on their correct usage, implementation, and context to ensure consistency across products.

• Design Token and Variable Implementation: Work with design tokens and Figma variables to enable robust theming capabilities, support multi-brand strategies, and enhance system maintainability at scale.

• System Extension Bridging: Facilitate the seamless flow of design patterns and components between the core design system (Index) and product-specific extensions or specialized libraries.

• Design-to-Code Alignment: Collaborate closely with engineering teams to ensure accurate implementation of designs, verifying that Figma components translate effectively into functional code.

• Independent Work Management: Proactively manage individual workload, priorities, and progress, utilizing asynchronous communication for updates and to address any blockers, while staying connected to the core design system team.

• Uphold Design Craftsmanship: Maintain exceptionally high standards of design precision, consistency, and quality in all contributions to the design system.

📝 Enhancement Note: The responsibilities emphasize a proactive, self-managed approach, typical of senior roles. The focus on "bridging Index and product-area extensions" suggests a need for strategic thinking about how the core design system integrates with diverse product lines, a key aspect of design operations strategy.

🎓 Skills & Qualifications

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

Experience: 4+ years of product design experience, with a significant portion dedicated to working on or contributing to design systems.

Required Skills:

• Design Systems Expertise: Proven experience in contributing to or building design systems, including component creation, pattern establishment, and systematic design problem-solving.

• Figma Proficiency: Advanced skills in Figma, encompassing component architecture, variants, auto-layout, and Figma variables for scalable and usable design assets.

• Design Token Knowledge: Understanding of design tokens and their role in enabling theming, consistency, and multi-brand support within a design system.

• Fundamental Design Principles: Strong grasp of core design principles including typography, spacing, color theory, and interaction patterns, with the ability to articulate design rationale.

• Accessibility Standards: Knowledge of accessibility standards such as WCAG and their practical application in component design.

• Technical Documentation: Excellent written communication and documentation skills, capable of creating guidelines that are easily understood and followed by design teams.

• Independent Work Ethic: Demonstrated ability to work autonomously, manage priorities effectively, and communicate progress and challenges proactively.

• Portfolio: A strong portfolio showcasing specific design systems work, including component examples, documentation, and systematic design approaches.

Preferred Skills:

• Code Familiarity: Understanding of design-to-code principles, including CSS, React component APIs, or similar front-end technologies.

• Versioning & Workflow: Experience with design system versioning strategies and contribution workflows.

• Multi-brand/White-label Experience: Familiarity with the challenges and solutions for designing multi-brand or white-label design systems.

• Remote Collaboration: Experience working effectively within distributed or fully remote teams.

• Content-heavy Product Background: Prior experience with news media, publishing, or products focused on content-heavy user experiences.

• Design System Tooling: Familiarity with design system tooling beyond Figma, such as Storybook or Zeroheight.

• AI Tooling Proficiency: Demonstrated ability to leverage AI tools for design optimization, analysis, research, and process automation, with the capacity to recommend effective AI usage and workflow improvements.

📝 Enhancement Note: The "Must-have" and "Nice-to-have" sections are directly translated. The emphasis on "AI Tooling Proficiency" in the preferred skills section is notable and suggests the company values candidates who can integrate AI into their design operations workflow.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Design Systems Case Studies: Detailed examples of contributions to design systems, highlighting your role in component design, pattern definition, and system architecture.

• Component Examples: Showcase of reusable UI components, illustrating their design, functionality, and scalability, with explanations of design decisions.

• Documentation Samples: Examples of well-structured and clear documentation for design components, demonstrating guidelines for usage, accessibility, and best practices.

• Systematic Design Approach: Evidence of how you think systematically, manage design tokens, utilize Figma variables, and ensure multi-brand support or theming capabilities.

• Design-to-Code Alignment: Examples demonstrating your understanding of how design specifications translate into code, or collaboration with engineering on this aspect.

Process Documentation:

• System Scalability Documentation: Clear documentation outlining how design system components are designed for scalability, maintainability, and ease of adoption by multiple teams.

• Accessibility Guidelines Documentation: Comprehensive documentation detailing accessibility requirements for components, including WCAG compliance strategies.

• Component Usage Guidelines: Documentation that clearly defines the purpose, usage scenarios, and limitations of each component within the design system.

• Design Token & Variable Strategy: Documentation explaining the implementation and management of design tokens and Figma variables for theming and consistency.

📝 Enhancement Note: The portfolio requirements are inferred from the "Must-have Skills" section, particularly the emphasis on a portfolio showing design systems work, Figma skills, design tokens, and documentation. The "Process Documentation" section is derived from the core responsibilities related to documentation and system maintenance.

💵 Compensation & Benefits

Salary Range: For a Senior Product Designer in Barcelona with 4+ years of experience, specializing in Design Systems, the estimated annual salary range is €50,000 - €70,000. This estimate is based on industry benchmarks for similar roles in Spain, considering the cost of living in Barcelona, and WIZELINE's positioning as a global digital services company.

Benefits:

• High-Impact Environment: Opportunity to contribute significantly to core digital products and services for mid-size to Fortune 500 companies.

• Commitment to Professional Development: Access to resources and opportunities for continuous learning, skill enhancement, and career growth.

• Flexible and Collaborative Culture: A work environment that values teamwork, open communication, and adaptable working styles.

• Global Opportunities: Potential to engage with international teams and projects within a global digital services company.

• Vibrant Community: Be part of a dynamic and engaging professional community.

• Total Rewards: Comprehensive package including competitive salary, benefits, and potential for performance-based incentives.

• Health and Wellness: Details on specific health insurance and wellness programs would typically be provided upon offer.

• Work-Life Balance: Hybrid work model promoting a balance between in-office collaboration and remote flexibility.

Working Hours: The standard working hours are typically 40 hours per week. The hybrid model allows for flexibility in scheduling, with specific in-office days to be coordinated with the team.

📝 Enhancement Note: Salary range is an estimate based on typical compensation for a Senior Product Designer in Barcelona with specialized design systems experience. Benefits are drawn directly from the provided text.

🎯 Team & Company Context

🏢 Company Culture

Industry: Digital Services, Technology Consulting, Software Development. WIZELINE operates in a dynamic sector focused on helping companies modernize their digital capabilities through human-centered experiences, digital core modernization, and AI/ML integration. This context means the design team is integral to delivering cutting-edge solutions.

Company Size: WIZELINE is a significant global digital services company, indicating a large employee base (likely 1,000+ employees, based on typical industry definitions for "global digital services company"). This size suggests established processes, diverse teams, and opportunities for large-scale impact.

Founded: Founded in 2014, WIZELINE is a relatively young but established company that has experienced rapid growth in the digital transformation space. This history implies a culture that is agile, innovative, and adaptable to market changes.

Team Structure:

• The Design Systems team likely consists of specialized designers focused on component creation, documentation, and system governance.

• This role reports to a Design Lead or Manager overseeing the design system, with close collaboration across product design teams and engineering.

• Cross-functional collaboration is key, involving product managers, engineers, and other designers to ensure the design system meets diverse needs and is implemented effectively. Methodology:

• Data-Driven Design: Decisions are informed by user research, analytics, and feedback to ensure design system components are effective and meet user needs.

• Systematic Component Development: A structured approach to building and maintaining reusable components, focusing on consistency, scalability, and maintainability.

• Agile Implementation: Design system updates and new component releases are likely managed through agile methodologies, with continuous integration and feedback loops.

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

📝 Enhancement Note: Company size and founding date are inferred from the description "global digital services company" and its positioning in the market. The "Methodology" section is derived from the nature of design systems work and the company's focus on digital products and services.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned at a "Senior" level within the product design function, with a specific specialization in Design Operations through its focus on design systems. This implies a level of autonomy, the ability to mentor junior designers, and significant influence on design standards and processes. It requires not just execution but strategic thinking about how design scales.

Reporting Structure: The Senior Product Designer will likely report to a Design Lead or Manager responsible for the design system. This position involves close collaboration with Product Managers, Engineering Leads, and other Product Designers across various product areas.

Operations Impact: The impact of this role is significant, as a well-maintained and scalable design system directly influences the efficiency of design and development teams, the consistency of user experiences across products, and the speed at which new features can be launched. By ensuring quality and usability, this role contributes to higher product adoption rates and customer satisfaction.

Growth Opportunities:

• Leadership in Design Systems: Potential to grow into a Design Systems Lead or Manager role, taking ownership of the system's strategy, roadmap, and team.

• Specialization Advancement: Deepen expertise in areas like accessibility, design tooling, or AI integration within design systems.

• Cross-functional Leadership: Opportunities to lead initiatives that bridge design and engineering, or to contribute to broader product strategy discussions.

• Mentorship: Guide and mentor junior designers, fostering a culture of design excellence and system thinking within the organization.

📝 Enhancement Note: The analysis of career level and impact is based on the "Senior" title and the responsibilities outlined for design systems work. Growth opportunities are inferred from typical career paths for specialized design roles within larger tech companies.

🌐 Work Environment

Office Type: WIZELINE offers a hybrid work environment, meaning employees will split their time between working remotely and in the company's physical office space in Barcelona. This model aims to balance the benefits of in-person collaboration with the flexibility of remote work.

Office Location(s): The primary office location for this role is Barcelona, Spain. Specific office addresses and details regarding commute or accessibility would be provided during the hiring process.

Workspace Context:

• Collaborative Spaces: The office is likely equipped with collaborative areas designed to facilitate team meetings, brainstorming sessions, and cross-functional discussions, essential for design system development.

• Technology & Tools: Access to standard office technology, reliable internet, and potentially specialized hardware or software relevant to design work. The role emphasizes proficiency with Figma and potentially other design system tooling.

• Team Interaction: Opportunities for direct interaction with design, product, and engineering colleagues, fostering a sense of team cohesion and enabling real-time problem-solving.

Work Schedule: The hybrid arrangement allows for flexibility. While a standard 40-hour work week is typical, employees can often manage their schedules to accommodate personal needs, provided they meet project deadlines and attend scheduled team meetings or collaborations.

📝 Enhancement Note: The description of the workspace context is inferred from the "Hybrid" work arrangement and the nature of a digital services company that values collaboration and modern tools.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio to assess experience and alignment with the role's requirements, particularly design systems expertise.

• Portfolio Presentation: A session where you present your portfolio, focusing on your design systems work, component examples, documentation, and systematic thinking. Be prepared to discuss your process, decisions, and impact.

• Skills Assessment/Technical Interview: May involve a practical exercise (e.g., component design challenge, documentation critique) or in-depth questions about Figma, design tokens, accessibility, and design system best practices.

• Behavioral & Cultural Fit Interview: Discussion with hiring managers and team members to assess your work style, collaboration skills, problem-solving approach, and alignment with WIZELINE's culture.

• Final Interview: Potential discussion with senior leadership to confirm fit and discuss overall contribution.

Portfolio Review Tips:

• Focus on Design Systems: Clearly highlight projects where you contributed to or led design system initiatives. Detail your role and specific contributions.

• Showcase Component Architecture: Provide examples of well-designed, scalable components. Explain your rationale for their structure, variants, and use of Figma features like auto-layout and variables.

• Demonstrate Documentation Skills: Include samples of your design system documentation. Ensure it's clear, comprehensive, and easy for other designers to follow.

• Illustrate Systematic Thinking: Explain how you approach design problems systematically. Discuss your understanding and application of design tokens, accessibility, and multi-brand considerations.

• Quantify Impact: Where possible, use metrics or qualitative feedback to demonstrate the impact of your design system work on efficiency, consistency, or product quality.

• Tailor to the Role: Emphasize skills and experiences that directly align with WIZELINE's needs, such as Figma proficiency, design tokens, and AI tooling for design.

Challenge Preparation:

• Design System Challenge: Expect a task that may involve critiquing an existing component, designing a new component based on requirements, or outlining documentation for a given pattern.

• Figma Proficiency: Be ready to demonstrate advanced Figma skills, including component setup, auto-layout, variants, and variables.

• Systematic Approach: Prepare to articulate how you would approach building or scaling a design system, including considerations for accessibility, multi-brand support, and collaboration.

• Documentation Strategy: Be ready to discuss your approach to creating effective design system documentation.

📝 Enhancement Note: This section is crafted based on standard interview processes for senior design roles, with specific emphasis on design systems and portfolio requirements highlighted in the job description. The inclusion of AI tooling preparation is based on the "Nice to have" skill.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Essential for all design work, including component creation, library management, prototyping, and collaboration. Proficiency with advanced features like component architecture, variants, auto-layout, and variables is expected.

• Design System Management Tools: While Figma is primary, familiarity with tools like Storybook (for code-component mapping) or Zeroheight (for documentation) is a plus.

Analytics & Reporting:

• While not explicitly mentioned for this design role, understanding how design system adoption and component usage are tracked might involve analytics tools. Designers often use tools that integrate with product analytics platforms (e.g., Amplitude, Google Analytics) to understand user behavior related to UI elements. CRM & Automation:

• Not directly applicable to this Senior Product Designer role, as it's focused on the design system rather than direct sales or marketing operations. However, understanding how design contributes to user experience can indirectly influence CRM and automation efforts by improving user engagement.

• AI Tooling: Proficiency in leveraging AI tools for drafting, analysis, research, or process automation is a preferred skill, indicating WIZELINE's interest in integrating AI into design workflows.

📝 Enhancement Note: The primary tools are directly extracted. Other categories are filled with general context relevant to design operations and the mention of AI tooling.

👥 Team Culture & Values

Operations Values:

• Human-Centered Experience: A core value driving the creation of digital products and services, emphasizing user needs and intuitive interactions.

• Systematic Approach: A commitment to building scalable, maintainable, and consistent design systems that empower other teams.

• Quality and Precision: A dedication to high craft standards, detail-orientation, and accuracy in all design outputs.

• Collaboration and Communication: Valuing teamwork, proactive communication, and the sharing of knowledge across disciplines and globally distributed teams.

• Continuous Improvement: An ethos of iterating on designs, processes, and systems to achieve better outcomes and efficiency.

Collaboration Style:

• Cross-functional Integration: Designers work closely with product managers and engineers to ensure design vision is realized and technical constraints are understood.

• Async Communication: Emphasis on effective asynchronous collaboration, allowing for flexibility across different time zones and work schedules.

• Feedback-Driven: A culture that encourages constructive feedback on designs and processes to foster growth and improve system quality.

📝 Enhancement Note: Values and collaboration styles are inferred from WIZELINE's description of itself and the inherent needs of a design systems role within a global digital services company.

⚡ Challenges & Growth Opportunities

Challenges:

• Maintaining Consistency Across Brands: Balancing the need for a unified design system with the specific requirements of multiple brands or white-label applications.

• Ensuring Design-to-Code Fidelity: Bridging the gap between design specifications and actual implementation, ensuring accuracy and minimizing discrepancies with engineering.

• Driving Adoption: Encouraging and supporting other teams to adopt and correctly use the design system components and guidelines.

• Evolving System Needs: Adapting the design system to new product requirements, technological advancements, and emerging design trends.

• AI Integration: Effectively identifying and implementing AI tools to augment design processes without compromising quality or creativity.

Learning & Development Opportunities:

• Advanced Design Systems Training: Opportunities to deepen expertise in complex design system architecture, governance, and scaling strategies.

• Tooling Mastery: Further development in Figma, and potentially exploring advanced design tools, AI-powered design assistants, or front-end code integration.

• Accessibility Expertise: Becoming a subject matter expert in web accessibility standards and best practices.

• Cross-functional Projects: Gaining experience by working on diverse product areas or leading initiatives that require collaboration with various departments.

• Mentorship Programs: Opportunities to be mentored by senior design leaders or to mentor junior designers.

📝 Enhancement Note: Challenges are derived from the inherent complexities of design systems work, especially in a multi-brand, global context. Growth opportunities are standard for senior-level design roles with a specialization.

💡 Interview Preparation

Strategy Questions:

• "How would you approach building a new component for our design system, considering scalability, accessibility, and multi-brand needs?" (Focus on process, systematic thinking, and relevant standards.)

• "Describe a time you had to ensure design-to-code alignment with an engineering team. What was your strategy, and what were the outcomes?" (Highlight collaboration, problem-solving, and communication skills.)

• "How do you balance the need for consistency in a design system with the desire for product teams to innovate or customize?" (Demonstrate understanding of design system governance and flexibility.)

• "Walk me through your process for creating documentation for a complex UI component. What information is critical, and how do you ensure it's used effectively?" (Showcase documentation skills and user-centric approach.) Company & Culture Questions:

• "What interests you about WIZELINE and our approach to digital services?" (Research WIZELINE's mission, values, and recent projects.)

• "How do you approach working with distributed or hybrid teams?" (Discuss your experience with asynchronous communication and collaboration tools.)

• "How do you stay updated on the latest design trends, tools, and accessibility standards?" (Showcase your commitment to continuous learning.)

• "How do you leverage AI tools in your design workflow, and what potential do you see for AI in design systems?" (Prepare specific examples of AI tool usage and thoughtful recommendations.) Portfolio Presentation Strategy:

• Structure Your Narrative: For each project, clearly articulate the problem, your role, the process, the solution (showcasing components, documentation), and the impact or outcome.

• Highlight Design Systems Work: Dedicate significant time to your design system contributions. Show the evolution of components, the structure of your Figma libraries, and examples of your documentation.

• Demonstrate Figma Mastery: Be ready to open Figma and showcase your skills with components, variants, auto-layout, and variables. Explain your technical approach.

• Explain Design Rationale: For each design decision, be prepared to explain the "why" – the user needs, business goals, or technical considerations that drove your choices.

• Quantify Impact: If possible, use metrics (e.g., reduction in design time, increase in component reuse, improvements in accessibility scores) to demonstrate the value of your work.

• Be Prepared for Questions: Anticipate questions about edge cases, future iterations, and how your work aligns with broader product goals.

📝 Enhancement Note: Interview questions are tailored to the specific responsibilities and required skills of a Senior Product Designer focused on Design Operations, including AI tool integration.

📌 Application Steps

To apply for this Senior Product Designer position:

• Submit your application through the WIZELINE careers portal link: https://www.wizeline.ai/careers/job?gh_jid=7384390

• Curate Your Portfolio: Select your strongest design systems projects, emphasizing component examples, comprehensive documentation, and your systematic approach. Ensure it clearly demonstrates your Figma proficiency and understanding of design tokens and accessibility.

• Optimize Your Resume: Tailor your resume to highlight your 4+ years of product design experience, specific contributions to design systems, and proficiency with required tools like Figma. Use keywords from the job description.

• Prepare Your Portfolio Presentation: Practice walking through your portfolio, focusing on your design system work. Be ready to articulate your process, design decisions, and the impact of your contributions, especially concerning scalability and multi-brand support.

• Research WIZELINE: Understand the company's mission, values, and the types of digital products and services they offer. Consider how your design systems expertise can contribute to their goals.

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