Digital Product Designer - Design System

📍 Job Overview

Job Title: Digital Product Designer - Design System

Company: H&M Group

Location: Stockholm, Sweden

Job Type: Contract

Category: Digital Product Design / Design Systems

Date Posted: 2026-08-02

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

Remote Status: Hybrid (4 days onsite/week)

🚀 Role Summary

• Drive the evolution and scaling of H&M's customer-facing Design System across app and web platforms.

• Translate brand identity and design principles into scalable foundations, tokens, components, and guidelines.

• Ensure visual coherence and quality across iOS, Android, and web, while respecting platform-specific conventions.

• Collaborate closely with designers, engineers, and product teams to foster consistent implementation and adoption of design standards.

• Champion accessibility and inclusive design practices throughout the design system.

📝 Enhancement Note: This role is highly specialized within Design Operations, focusing on the foundational elements that ensure consistency and efficiency across a large digital product ecosystem. The emphasis on "Fabric Design System" suggests a proprietary, internal system, requiring strong collaboration and influence skills.

📈 Primary Responsibilities

• Lead the development and refinement of the Design System's foundations, including visual language, typography, spacing, and color systems.

• Define, document, and manage design tokens to ensure consistency in design application across all digital touchpoints.

• Create and maintain a comprehensive component library for iOS, Android, and web, ensuring reusability and adherence to brand guidelines.

• Partner with engineering teams to ensure accurate and efficient implementation of design system components and patterns.

• Conduct design reviews and workshops to gather feedback, drive alignment, and facilitate adoption of the design system across various product teams.

• Translate complex brand identity elements into scalable and practical design foundations.

• Advocate for and integrate accessibility (WCAG) best practices into all aspects of the design system.

• Stay informed about emerging trends in digital design, fashion, and consumer behavior to proactively evolve the design system.

• Contribute to the governance, documentation, and community engagement surrounding the Design System.

📝 Enhancement Note: The core responsibilities highlight a blend of strategic thinking (evolving foundations, translating brand) and tactical execution (defining tokens, creating components, partnering with engineering). The emphasis on cross-platform consistency and accessibility is critical for a global brand like H&M.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a Bachelor's or Master's degree in Design, HCI, Computer Science, or a related field is often preferred for roles requiring deep systems thinking and technical understanding.

Experience: Extensive experience (5-10 years) designing and evolving design systems for large-scale digital products is essential.

Required Skills:

• Proven track record in designing and scaling design systems for complex digital products.

• Exceptional UI and visual design skills, with a strong portfolio showcasing meticulous attention to detail and design craft.

• Deep understanding of cross-platform design principles for iOS, Android, and web, including native patterns.

• Expertise in translating brand principles and visual identities into scalable digital systems.

• Strong command of typography, color theory, spacing systems, layout, and visual hierarchy.

• Experience defining and implementing design tokens and system foundations.

• Proficient in accessibility and inclusive design practices, including WCAG guidelines.

• Experience collaborating effectively with engineers and understanding implementation constraints.

• Demonstrated ability to influence and align multiple stakeholders across matrixed organizations.

• Proven experience working with Figma and modern design system tooling. Preferred Skills:

• Experience working with premium consumer or fashion e-commerce brands.

• Experience building and scaling design systems across both mobile and web platforms.

• Experience defining design principles, governance models, or contribution frameworks.

• Experience working within large, international product organizations.

• Familiarity with design system documentation platforms and community engagement strategies.

📝 Enhancement Note: The "extra consideration" points are significant for this role, indicating a preference for candidates with direct experience in the fashion/e-commerce sector and those who have experience with the full lifecycle of design system development, including governance and scaling.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A robust portfolio showcasing extensive experience in designing and evolving design systems for large-scale digital products.

• Demonstrations of UI craft, visual design excellence, and meticulous attention to detail.

• Case studies highlighting the translation of brand principles into scalable design foundations and components.

• Examples of cross-platform design solutions for iOS, Android, and web, demonstrating an understanding of native patterns.

• Evidence of defining and implementing design tokens and system foundations.

• Documentation or examples of contributions to accessibility and inclusive design practices within a system.

• Examples of collaboration with engineering teams and understanding of implementation realities.

• Case studies illustrating stakeholder management and alignment in complex environments. Process Documentation:

• Examples of how you've documented design system components, guidelines, and usage patterns.

• Demonstrations of your approach to defining and managing design tokens and system foundations.

• Evidence of your process for ensuring cross-platform consistency and adherence to brand identity.

• Documentation related to accessibility guidelines and their integration into the design system.

📝 Enhancement Note: Given the focus on a "Design System," the portfolio is paramount. It should clearly articulate the candidate's ability to think systematically, execute with precision, and collaborate effectively. The emphasis is on demonstrating a deep understanding of how design systems function at scale and their impact on product consistency and brand expression.

💵 Compensation & Benefits

Salary Range: For a Digital Product Designer with 5-10 years of experience in Stockholm, Sweden, working on a Design System for a major global company like H&M, the estimated annual salary range would be approximately SEK 600,000 - 850,000 (gross). This range is based on industry benchmarks for senior design roles in major European cities, considering the specialized nature of design systems and the cost of living in Stockholm.

Benefits:

• Global career and development opportunities within H&M Group.

• Staff discount cards providing benefits on H&M Group products.

• Comprehensive wellness and wellbeing benefits to support employee health.

• Parental support programs.

• Opportunities to experiment, grow, and create tangible impact in a large-scale tech organization.

• A value-driven culture encouraging individuality and personal growth.

Working Hours: The standard full-time working hours are estimated at 40 hours per week, with flexibility expected due to the nature of design and product development. The role requires being onsite at least 4 days per week in Stockholm.

📝 Enhancement Note: Salary estimation is based on publicly available data for senior UX/Product Designers in Stockholm, factoring in the specialization in Design Systems and the contract nature of the role. Benefits are directly extracted from the provided text and highlight key employee perks.

🎯 Team & Company Context

🏢 Company Culture

Industry: Retail (Fashion) with a strong focus on technology and digital product development. H&M Group is a global leader, aiming to balance design, affordability, and sustainability.

Company Size: Large global enterprise, part of the H&M Group, which employs thousands of colleagues. This implies a complex organizational structure with numerous product teams and stakeholders.

Founded: H&M was founded in 1947. The company has a long history and has evolved significantly, particularly in its digital capabilities.

Team Structure:

• The role sits within the Digital Product Design organization, specifically part of the "Fabric Design System Product team."

• This team likely comprises other designers, potentially product managers, and collaborates closely with engineering and brand teams.

• The structure is designed to support the development and maintenance of a core design system that serves numerous product teams across app and web. Methodology:

• Data-Driven Design: While not explicitly stated for this role, H&M Group emphasizes customer value, suggesting data is used to inform design decisions and measure impact.

• Agile/Iterative Development: Common in tech organizations, this role will likely involve iterative design and development cycles, working closely with engineering.

• Systems Thinking & Collaboration: The core of the role is building and maintaining a system, requiring strong systems thinking and extensive cross-functional collaboration.

Company Website: https://hmgroup.com/

📝 Enhancement Note: The "Fabric Design System" name suggests an internal, bespoke system. The company's scale means this role has significant potential for impact but also requires navigating complex organizational dynamics. The emphasis on fashion and sustainability provides a unique context for design system development.

📈 Career & Growth Analysis

Operations Career Level: This is a senior-level Digital Product Designer role, specializing in Design Systems. It requires significant experience and the ability to influence product strategy through foundational design work. It's a critical role for ensuring brand consistency and product quality at scale.

Reporting Structure: The designer will be part of the "Fabric Design System Product team" within the Digital Product Design organization. They will likely report to a Design Lead or Manager responsible for the design system. Collaboration will extend across Product, Design, and Engineering departments.

Operations Impact: The impact of this role is substantial. By creating and maintaining a robust design system, the designer directly contributes to:

• Efficiency: Enabling product teams to build features faster and more consistently.

• Brand Consistency: Ensuring a cohesive and recognizable brand experience across all digital touchpoints.

• User Experience Quality: Elevating the overall quality and usability of H&M's digital products.

• Scalability: Providing a foundation for future growth and expansion of digital offerings.

Growth Opportunities:

• Specialization: Deepen expertise in design systems, component architecture, and design token management.

• Leadership: Potentially move into a Design System Lead or Manager role, overseeing strategy and team execution.

• Cross-functional Expertise: Develop stronger partnerships and understanding of engineering and product management processes.

• Industry Influence: Contribute to the broader design community through internal knowledge sharing or external presentations.

• Broader Design Roles: Transition to other senior product design roles within H&M Group, leveraging a strong understanding of its digital ecosystem.

📝 Enhancement Note: This role offers a clear path for specialization within design systems, a highly sought-after skill in the industry. The scale of H&M Group provides ample opportunity for growth and impact, making it an attractive position for experienced designers.

🌐 Work Environment

Office Type: Hybrid work environment, requiring a minimum of 4 days per week in the Stockholm office. This suggests a collaborative office culture with a focus on in-person interaction for at least part of the week.

Office Location(s): Mäster Samuelsgatan, Stockholm, Sweden. This is a central location in Stockholm.

Workspace Context:

• Collaborative Environment: The hybrid model and team structure imply a collaborative workspace where designers, engineers, and product managers work closely together.

• Tools & Technology: Access to modern design tools like Figma and other relevant design system tooling will be provided. The environment supports innovation and efficiency.

• Team Interaction: Opportunities for daily interaction with the Fabric Design System team and wider product organization, fostering knowledge sharing and alignment.

Work Schedule: The role is a contract position, likely with standard full-time hours (approx. 40 hours/week). The hybrid nature allows for some flexibility in work location during the week, but on-site presence is a key requirement.

📝 Enhancement Note: The requirement for 4 days onsite in Stockholm emphasizes the importance of in-person collaboration and team cohesion for this role within the design system team.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Review of CV and portfolio to assess foundational skills, design system experience, and alignment with requirements.

• Portfolio Presentation & Discussion: Candidates will likely present their portfolio, focusing on design system case studies, explaining their process, impact, and approach to cross-platform and accessibility challenges.

• Skills Assessment: Potential technical or design challenge to evaluate UI craft, systems thinking, and problem-solving abilities.

• Team/Stakeholder Interviews: Meetings with designers, engineers, and product managers to assess collaboration style, communication skills, and cultural fit within the H&M Group.

• Final Interview: Discussion with hiring manager or senior leadership to confirm fit and discuss role expectations.

Portfolio Review Tips:

• Show, Don't Just Tell: Use case studies to demonstrate your process from problem definition to solution and impact.

• Highlight Design System Expertise: Clearly articulate your role in designing, evolving, or scaling design systems. Showcase specific examples of foundations, tokens, and components you've developed.

• Demonstrate Cross-Platform Thinking: Provide examples that illustrate how you ensure consistency and platform-specific best practices across iOS, Android, and web.

• Emphasize Accessibility & Inclusivity: Include examples of how you've integrated WCAG guidelines and inclusive design principles into your work.

• Quantify Impact: Wherever possible, use metrics or qualitative feedback to demonstrate the positive impact of your design system contributions (e.g., improved consistency, faster development cycles, enhanced user satisfaction).

• Figma Proficiency: Ensure your portfolio work prominently features Figma and any other relevant design system tools you've utilized.

Challenge Preparation:

• Be prepared to discuss how you would approach evolving a design system for a large organization like H&M.

• Practice articulating your design decisions, focusing on rationale related to brand, scalability, consistency, and accessibility.

• Prepare to discuss how you would collaborate with engineering teams to ensure successful implementation of design system elements.

• Think about how you would handle disagreements or alignment challenges with various stakeholders.

📝 Enhancement Note: The emphasis on a portfolio and the lack of a cover letter suggest H&M Group prioritizes demonstrable skills and experience. Candidates should be ready to deep-dive into their past design system work and articulate its strategic value.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Explicitly mentioned as a required tool. This will be the primary tool for design creation, prototyping, and collaboration within the design system.

• Design System Tooling: This could include specialized platforms for component management, documentation (e.g., Storybook, Zeroheight), and token management.

Analytics & Reporting:

• While not explicitly stated, understanding how to leverage analytics to inform design system decisions (e.g., usage data, user feedback) would be beneficial. Tools like Google Analytics, Amplitude, or similar might be used indirectly. CRM & Automation:

• Not directly relevant to this specific design role but H&M Group will have extensive CRM and automation systems for their business operations.

📝 Enhancement Note: Figma is the cornerstone of this role's toolset. Proficiency here is non-negotiable. Awareness of broader design system management tools and how data informs design decisions is a strong plus.

👥 Team Culture & Values

Operations Values:

• Customer Value: Driven by customer needs and ensuring a positive digital experience.

• Craftsmanship & Quality: A strong emphasis on visual quality, design excellence, and attention to detail.

• Continuous Improvement: A drive for enhancing processes, systems, and products.

• Collaboration & Generosity: Working together, sharing knowledge, and lifting the quality of work across teams.

• Clarity & Consistency: Creating order and uniformity in complex environments.

• Brand Expression: Maintaining and evolving the strong H&M brand identity.

Collaboration Style:

• Cross-functional Partnership: Working closely with designers, engineers, and product teams is fundamental.

• Alignment & Influence: The role requires building trust and aligning diverse stakeholders on design system standards.

• Knowledge Sharing: Contributing to a culture where best practices and learnings are shared openly within the design and product communities.

• Feedback Loops: Actively participating in and facilitating design reviews and workshops to foster constructive feedback.

📝 Enhancement Note: The values emphasize a blend of high standards for design execution, a collaborative spirit, and a focus on delivering customer value through consistent, well-crafted digital experiences.

⚡ Challenges & Growth Opportunities

Challenges:

• Scaling Design Systems: Managing and evolving a design system for a massive, global organization with diverse product needs.

• Stakeholder Alignment: Gaining buy-in and ensuring adoption across numerous product teams with potentially competing priorities.

• Balancing Brand & Platform: Maintaining a strong, cohesive brand identity while respecting platform-specific conventions (iOS, Android, Web).

• Keeping Pace with Trends: Continuously updating the system to reflect emerging design trends, technologies, and consumer expectations.

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

Learning & Development Opportunities:

• Advanced Design System Expertise: Opportunity to become a leading expert in design system architecture, tokenization, and governance.

• Cross-functional Skill Development: Deepen understanding of engineering processes, product management, and agile methodologies.

• Leadership Potential: Develop skills in mentoring junior designers, leading initiatives, and potentially managing design system efforts.

• Industry Exposure: Gain insights into the intersection of fashion, retail, and digital product design at a global scale.

• Access to Resources: Benefit from H&M Group's commitment to employee growth through training, workshops, and potentially industry events.

📝 Enhancement Note: The challenges are inherent to working on design systems at scale. The growth opportunities are significant, offering a path for deep specialization or broader leadership within a major global brand.

💡 Interview Preparation

Strategy Questions:

• "How would you approach defining the foundational elements (color, typography, spacing) of a design system for a global fashion brand like H&M, considering both brand consistency and platform nuances?" (Focus on process, rationale, and collaboration.)

• "Describe a time you had to influence multiple product teams to adopt a new design system component or guideline. What was your strategy, and what was the outcome?" (Focus on stakeholder management, communication, and impact.)

• "How do you ensure accessibility (WCAG) is embedded into a design system from the ground up, rather than being an add-on?" (Focus on proactive design, testing, and documentation.) Company & Culture Questions:

• "What interests you about H&M Group specifically, and how do you see your role contributing to our mission of 'liberating fashion'?" (Showcase research and alignment with company values.)

• "How do you approach collaboration with engineering teams, especially when implementing complex design system components?" (Highlight communication, problem-solving, and partnership.)

• "How do you measure the success or impact of a design system?" (Discuss relevant metrics like adoption rates, consistency scores, development efficiency, and user feedback.) Portfolio Presentation Strategy:

• Structure: Organize your presentation logically, perhaps by project or by theme (e.g., System Foundations, Component Library, Accessibility Integration).

• Storytelling: For each case study, clearly articulate the problem, your role, your process, the solution, and the measurable impact.

• Highlight Key Contributions: Explicitly point out your work on design systems, tokens, components, and guidelines.

• Visuals: Use high-quality visuals of your designs, prototypes, and system elements. Show the system in action within actual products if possible.

• Figma Showcase: Be ready to demo your Figma files or explain your file structure and component organization.

• Conciseness: Be mindful of time; focus on the most impactful and relevant examples.

📝 Enhancement Note: Preparation should center on demonstrating deep expertise in design systems, strong collaboration skills, and a clear understanding of how design systems drive business value for a global brand.

📌 Application Steps

To apply for this Digital Product Designer position:

• Submit your application through the provided link on the SmartRecruiters platform.

• Prepare your CV in English, ensuring it clearly highlights your experience in design systems, UI/visual design, cross-platform development, and accessibility.

• Curate your portfolio to prominently feature your most relevant design system work. Focus on case studies that demonstrate your ability to design scalable foundations, tokens, and components, as well as your approach to collaboration and impact measurement.

• Practice presenting your portfolio, focusing on articulating your process, design rationale, and the outcomes of your work, especially concerning consistency, efficiency, and brand alignment.

• Research H&M Group's digital presence, understanding their brand, customer base, and any publicly available information about their digital products and design philosophy.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and industry-standard assumptions. All details should be verified directly with H&M Group through their official application channels before making application decisions.