Graphics and UI Designer in the Design System team

📍 Job Overview

Job Title: Graphics and UI Designer, Design System Team

Company: H&M Group

Location: Stockholm, Sweden

Job Type: Contract

Category: Design / UI/UX Operations

Date Posted: August 18, 2026

Experience Level: 5-10 Years

Remote Status: Hybrid (Minimum 4 days in office)

🚀 Role Summary

• Drive the evolution and scaling of H&M's brand and UI assets within its customer-facing design system across app and web platforms.

• Develop and maintain a cohesive visual language that strengthens H&M's brand expression and enables product teams to deliver high-quality, consistent experiences efficiently.

• Translate design principles and brand identity into scalable foundations, design tokens, components, and guidelines that function seamlessly across iOS, Android, and web.

• Champion accessibility best practices and ensure inclusive design principles are embedded into system foundations and component libraries.

📝 Enhancement Note: This role is framed within a "Design System team," which is a critical function within larger technology organizations, often falling under a broader Product Design or Engineering umbrella. For the purpose of this enhanced description, we are categorizing it under "Design / UI/UX Operations" due to its focus on establishing and maintaining operational standards for design assets and processes across multiple product teams, directly impacting the efficiency and consistency of product development. The emphasis on scalability, consistency, and cross-platform application aligns strongly with operational principles.

📈 Primary Responsibilities

• Lead the evolution of H&M's design system foundations, brand assets, visual language, and component library across mobile (iOS/Android) and web applications.

• Translate overarching brand identity principles into scalable digital foundations, comprehensive guidelines, and reusable design patterns.

• Ensure visual coherence and consistency across iOS, Android, and web platforms while respecting and integrating platform-specific native conventions.

• Define, refine, and meticulously manage design tokens, typography systems, spacing systems, color palettes, and interaction principles to ensure a unified aesthetic and functional experience.

• Actively partner with product designers, experience designers, and engineers to ensure seamless implementation, consistent adoption, and adherence to design system standards.

• Provide expert guidance, direction, and quality assurance on visual design, UI patterns, and brand alignment to various product teams, fostering a shared understanding of design excellence.

• Champion and embed accessibility best practices (e.g., WCAG guidelines) into the core of the design system, ensuring inclusive design is a foundational element for all digital touchpoints.

• Facilitate design reviews, workshops, and collaborative discussions to drive alignment, consensus, and adoption of the design system across a large and distributed product organization.

• Proactively research and stay abreast of emerging trends in design, fashion, digital experiences, and consumer behavior to identify opportunities for design system innovation and evolution.

• Contribute significantly to the design system's governance framework, comprehensive documentation, and community engagement initiatives across the broader H&M Group.

📝 Enhancement Note: The responsibilities highlight a strategic and operational role focused on the systematic application of design. The emphasis on "driving evolution," "translating principles," "defining and refining systems," and "partnering with engineering" points to an operational function that ensures consistency and efficiency in product development through a well-defined design system.

🎓 Skills & Qualifications

Education:

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

• 5-10 years of professional experience in UI/UX design, with a significant focus on designing, evolving, and scaling design systems for large-scale digital products.

• Proven track record of successfully implementing and managing design systems across multiple platforms (iOS, Android, Web). Required Skills:

• Extensive experience designing and evolving design systems for large-scale digital products.

• Exceptional UI and visual design skills, with a strong portfolio demonstrating meticulous attention to detail, strong design craft, and a deep understanding of visual hierarchy.

• Deep understanding of cross-platform design principles and best practices across iOS, Android, and web, including their native patterns and conventions.

• Strong experience translating brand principles and visual identities into scalable digital systems, design foundations, and reusable components.

• Expertise in typography, color theory, spacing systems, layout principles, and establishing visual hierarchy.

• Proven experience defining, implementing, and managing design tokens and core system foundations.

• Strong understanding of accessibility standards and inclusive design practices, with practical experience applying WCAG guidelines.

• Experience collaborating closely with engineers, understanding implementation constraints, and fostering effective cross-functional partnerships.

• Proven ability to influence and align multiple stakeholders across a matrix organization, building consensus and driving adoption.

• Advanced proficiency in Figma and modern design system tooling and workflows. Preferred Skills:

• Experience working with premium consumer brands, particularly within the fashion or e-commerce sectors.

• Experience in building and scaling design systems from inception to maturity across both mobile and web platforms.

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

• Experience working within large, international product organizations with diverse teams and stakeholders.

📝 Enhancement Note: The experience level (5-10 years) and the emphasis on "scaling design systems for large-scale digital products" and "influencing multiple stakeholders" suggest a senior-level role. The required skills focus heavily on the operational aspects of design systems: defining standards, ensuring consistency, and enabling efficient product development, which are core to operations.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase a minimum of 2-3 comprehensive design system case studies that demonstrate your direct contribution to defining, evolving, or scaling a design system.

• For each case study, clearly articulate the problem statement, your role and responsibilities, the design process, key decisions made, and the impact of your work on product consistency and team efficiency.

• Include detailed examples of design foundations (e.g., color palettes, typography scales, spacing grids), design tokens, and reusable UI components you have defined or refined.

• Demonstrate how you have ensured cross-platform consistency (iOS, Android, Web) and addressed accessibility requirements within your design system work.

• Present evidence of collaboration with engineering teams and how you managed the implementation and adoption of design system elements. Process Documentation:

• Provide examples of how you have documented design system guidelines, component usage, and best practices to facilitate adoption and understanding among product teams.

• Showcase your approach to contributing to or maintaining design system governance, including how you handle contributions, updates, and version control.

• Illustrate your methods for ensuring the scalability and maintainability of design system assets and processes over time.

📝 Enhancement Note: For a role focused on design systems, a portfolio is paramount. The requirements emphasize not just the visual output but also the underlying processes, governance, and collaborative aspects, which are crucial for an operational role ensuring the system's long-term success and widespread adoption.

💵 Compensation & Benefits

Salary Range:

• Based on industry benchmarks for Senior UI/UX Designers with 5-10 years of experience specializing in Design Systems in Stockholm, Sweden, the estimated salary range for this contract role is approximately SEK 60,000 - 85,000 per month, depending on experience and specific qualifications. Benefits:

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

• A value-driven culture that encourages individuality and growth.

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

• Comprehensive wellness and wellbeing benefits to support employee health.

• Parental support programs designed to assist employees during family transitions.

• Opportunities to experiment, grow, and create tangible impact within a large-scale tech organization. Working Hours:

• Standard full-time working hours are expected, typically around 40 hours per week. The role requires a hybrid work arrangement, with a minimum of 4 days per week spent working from the Stockholm office to foster collaboration and team integration.

📝 Enhancement Note: Salary estimate is based on research of similar roles in Stockholm, Sweden, considering the contract nature and the specialized skill set required for a Design System expert. Benefits are directly extracted from the provided text. The working hours are derived from the AI-generated ai_working_hours and the explicit mention of 4 days in the office.

🎯 Team & Company Context

🏢 Company Culture

Industry: Fashion Retail, E-commerce, Technology. H&M Group operates as a global entity with a strong presence in fashion retail, leveraging technology to enhance customer experiences and drive digital innovation. The company's focus on sustainability and affordability for "the many" shapes its market approach and internal operations.

Company Size: Large Enterprise (H&M Group is a global conglomerate with tens of thousands of employees worldwide). This scale implies a complex organizational structure, extensive resources, and a significant impact potential for design system initiatives.

Founded: 1947. With a long history in fashion, H&M Group has evolved significantly, embracing digital transformation to remain competitive and customer-centric in the modern retail landscape.

Team Structure:

• The Design System team, "Fabric," operates within the broader Digital Product Design organization at H&M.

• This team likely consists of specialized designers, potentially product managers, and may have close ties to engineering leads who implement the system.

• Collaboration is expected to be cross-functional, involving experience designers, design leads, product managers, and engineers from various app and web product teams across the organization. Methodology:

• The design system team will employ methodologies focused on establishing and maintaining a scalable, consistent, and accessible visual language and component library.

• This involves iterative design, user research (for designers and engineers using the system), collaboration, and continuous improvement based on feedback and evolving design trends.

• Processes will likely include defining design tokens, building component libraries in Figma, creating comprehensive documentation, and facilitating adoption through workshops and support.

Company Website: https://hmgroup.com/

📝 Enhancement Note: The company context is derived from the provided LinkedIn Company Data and general knowledge of H&M Group. The "Methodology" section infers operational processes common to design system teams within large tech organizations.

📈 Career & Growth Analysis

Operations Career Level: This role represents a senior-level position within the specialized field of Design Operations and UI/UX Design. It's a critical contributor role focused on establishing and maintaining foundational design assets and processes that enable efficiency and consistency across numerous product development teams. The scope involves strategic thinking about scalability, brand expression, and cross-platform coherence.

Reporting Structure: The Graphics and UI Designer will report into the Fabric Design System Product team, likely under a Design Lead or Product Manager for the Design System. This team operates within the larger Digital Product Design organization.

Operations Impact: The role's impact is significant, directly influencing the efficiency, consistency, and brand integrity of H&M's digital products across app and web. A well-maintained design system reduces redundant design work, speeds up development cycles, ensures a cohesive brand experience, and improves overall product quality and accessibility.

Growth Opportunities:

• Specialization: Deepen expertise in design systems, focusing on areas like design token architecture, accessibility standards, or cross-platform design strategy.

• Leadership: Progress into a Design Lead or Manager role for the Design System, taking on more strategic responsibilities, team management, and broader organizational influence.

• Cross-Functional Mobility: Opportunities to transition into Product Management for design systems, or leverage design system expertise in broader Product Design or UX Strategy roles across H&M Group.

• Skill Development: Continuous learning through industry conferences, workshops, and exposure to new design and technology trends within a global fashion and tech organization.

📝 Enhancement Note: This analysis infers career progression and impact based on the senior-level nature of the role and its placement within a large, established organization's design system team. The focus is on how this role contributes to operational efficiency and brand consistency.

🌐 Work Environment

Office Type: The role is based in Stockholm, Sweden, and requires a hybrid work arrangement, with a minimum of 4 days per week expected in the office. This suggests a collaborative office environment designed to foster teamwork, brainstorming, and in-person interaction.

Office Location(s): Mäster Samuelsgatan, Stockholm, Sweden. This central Stockholm location offers accessibility and places the designer within a dynamic urban setting.

Workspace Context:

• The workspace will likely be a modern, collaborative office setting that supports hybrid work, equipped with the necessary tools for design and communication.

• Access to advanced design software (Figma is specified) and potentially hardware for prototyping and testing will be standard.

• Opportunities for spontaneous collaboration with colleagues within the Design System team and broader Digital Product Design organization will be frequent, facilitating knowledge sharing and problem-solving.

Work Schedule: The standard work schedule is expected to be full-time (approx. 40 hours/week). While the role is hybrid, the emphasis on in-office days suggests a structured schedule that prioritizes in-person collaboration and team integration.

📝 Enhancement Note: The work environment details are inferred from the location, hybrid work requirement, and the nature of design system work which heavily relies on collaboration.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your CV and portfolio to assess experience, skills, and alignment with the role's requirements.

• Portfolio Presentation & Discussion: A session where you will present selected design system case studies from your portfolio. Expect to discuss your process, rationale, challenges, and impact. This is a critical stage to demonstrate your craft and systems thinking.

• Skills & Technical Interview: In-depth discussion on UI design principles, design systems, accessibility, cross-platform design, and your proficiency with tools like Figma. You may be asked to walk through specific examples from your portfolio or discuss hypothetical design challenges.

• Cross-Functional Collaboration Interview: An interview with potential collaborators (e.g., designers, engineers) to assess your ability to work effectively in a team, communicate complex ideas, and build alignment across different disciplines.

• Final Interview: A discussion with the hiring manager or team lead to assess cultural fit, motivation, and strategic alignment with the Design System team's goals and H&M Group's values.

Portfolio Review Tips:

• Curate Strategically: Select 2-3 of your strongest design system case studies that best represent your experience in the areas H&M is looking for (e.g., scaling, brand translation, cross-platform consistency, accessibility).

• Tell a Story: For each case study, clearly articulate the problem, your specific role and contributions, the design process, key decisions, and measurable outcomes or impact. Focus on the why behind your design choices.

• Highlight Systems Thinking: Emphasize how you approached the problem from a systemic perspective, considering scalability, maintainability, and broad applicability across different product contexts.

• Showcase Craftsmanship: Ensure your visual examples are polished and demonstrate a keen eye for detail in typography, color, spacing, and component design.

• Address Collaboration: Be prepared to discuss how you collaborated with engineers, product managers, and other designers, and how you managed feedback and stakeholder alignment.

• Demonstrate Tool Proficiency: Be ready to discuss your workflow in Figma and how you leverage its features for design system work.

Challenge Preparation:

• Be prepared for potential questions or exercises related to:

  • Defining design tokens for a specific brand element.

  • Proposing solutions for ensuring consistency across iOS, Android, and Web for a given component.

  • Discussing how you would approach integrating accessibility standards into an existing component library.

  • Articulating how you would gain buy-in for a new design system initiative from product teams.

📝 Enhancement Note: The interview process and portfolio review tips are tailored to a senior design systems role, emphasizing the unique requirements of evaluating a candidate's ability to manage and evolve complex design frameworks.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Essential for UI design, prototyping, and design system management. Proficiency in creating components, variants, auto layout, and managing design libraries is expected.

• Design System Tooling: Familiarity with tools and methodologies for defining and managing design tokens, style guides, and component libraries. This could include abstract, Zeplin, or custom-built solutions.

Analytics & Reporting:

• While not a primary focus of this role, understanding how design system usage and impact are tracked is beneficial. Experience with analytics platforms that monitor component adoption or feature usage within products may be advantageous. CRM & Automation:

• Not directly applicable to this role, but an understanding of how design systems integrate with product development workflows, which may involve project management tools like Jira or Asana, is helpful.

📝 Enhancement Note: The tools listed are directly from the job description's requirements or are standard for this type of role in the industry. The focus is on design and system management tools.

👥 Team Culture & Values

Operations Values:

• Visual Quality & Design Excellence: A strong commitment to high aesthetic standards and meticulous attention to detail in all design outputs.

• Customer Value: Prioritizing the creation of exceptional digital experiences that resonate with H&M customers, ensuring the design system directly supports user needs and brand perception.

• Craftsmanship & Continuous Improvement: A dedication to producing high-quality work and a proactive approach to learning, refining processes, and staying ahead of design and technology trends.

• Collaboration & Generosity: A culture of open communication, knowledge sharing, and mutual support, where team members are motivated by elevating the quality of work across the organization.

• Clarity & Consistency: A drive to bring order and uniformity to complex environments, ensuring that design principles and brand guidelines are clearly understood and consistently applied.

Collaboration Style:

• Cross-functional Integration: Seamless collaboration with experience designers, product managers, and engineers to ensure the design system meets the needs of all stakeholders.

• Process Review & Feedback Exchange: An open environment for sharing work, providing constructive feedback, and collectively refining design system components and guidelines.

• Knowledge Sharing: Active participation in design reviews, workshops, and community forums to disseminate best practices and foster a shared understanding of the design system's vision and implementation.

📝 Enhancement Note: The team culture and values are derived from the "And people who are:" section of the job description and general H&M Group values, interpreted through the lens of a design system team's operational requirements.

⚡ Challenges & Growth Opportunities

Challenges:

• Maintaining Consistency at Scale: Ensuring uniform application of the design system across a vast number of digital products and feature teams within a global organization.

• Balancing Brand Expression with Platform Specificity: Harmonizing H&M's unique brand identity with the distinct conventions and user expectations of iOS, Android, and web platforms.

• Driving Adoption and Governance: Encouraging widespread adoption of the design system by product teams and establishing effective governance models for contributions and updates.

• Staying Ahead of Trends: Continuously evolving the design system to incorporate new design patterns, technologies, and user behavior shifts in the fast-paced fashion and digital landscape.

Learning & Development Opportunities:

• Advanced Design System Specialization: Opportunities to deepen expertise in areas such as design token architecture, advanced accessibility compliance, or cross-platform design strategy.

• Industry Engagement: Participation in relevant design conferences, workshops, and potentially contributing to design system communities or open-source projects.

• Mentorship & Leadership: Potential for mentorship from senior design leaders and opportunities to develop leadership skills by guiding junior designers or leading specific design system initiatives.

📝 Enhancement Note: Challenges and growth opportunities are inferred based on the nature of working in a large-scale design system team within a global fashion retailer, aligning with industry best practices and common growth paths for such roles.

💡 Interview Preparation

Strategy Questions:

• "How would you approach translating H&M's brand identity into scalable design foundations and tokens for a global e-commerce platform?" (Preparation: Focus on defining core visual elements, brand guidelines, and how to systematically apply them across digital assets.)

• "Describe your process for ensuring visual coherence and platform-specific best practices are met when designing components for iOS, Android, and Web." (Preparation: Detail your approach to component variations, platform guidelines research, and collaboration with platform-specific engineers.)

• "Walk us through a challenging situation where you had to influence multiple stakeholders to adopt a new design system component or guideline, and how you achieved alignment." (Preparation: Prepare a STAR method (Situation, Task, Action, Result) story focusing on communication, negotiation, and consensus-building skills.) Company & Culture Questions:

• "What excites you about H&M Group's brand and its approach to digital experiences?" (Preparation: Research H&M's recent digital initiatives, brand campaigns, and sustainability efforts. Connect these to your passion for design and user experience.)

• "How do you see the role of a Design System in supporting a company like H&M, which operates in both fashion retail and technology?" (Preparation: Discuss how a design system can enhance brand consistency, operational efficiency, and customer experience in a dual-industry context.)

• "Describe a time you championed accessibility or inclusive design within a project. What was the outcome?" (Preparation: Prepare a specific example demonstrating your understanding and application of accessibility principles and their importance.) Portfolio Presentation Strategy:

• Structure Your Narrative: For each case study, clearly define the problem, your specific role, the process, key decisions, and the impact. Use visuals to support your narrative.

• Focus on Systems Thinking: Emphasize how your work contributes to a larger system, discussing scalability, maintainability, and reusability.

• Highlight Collaboration: Be ready to discuss how you worked with engineers, product managers, and other designers.

• Demonstrate Craftsmanship & Detail: Showcase your attention to detail in typography, color, spacing, and component states.

• Be Prepared for Deep Dives: Anticipate detailed questions about your design choices, Figma workflows, and your understanding of design tokens and accessibility.

📝 Enhancement Note: Interview questions and preparation strategies are crafted to align with the specific demands of a senior design systems role, focusing on strategic thinking, operational execution, and cross-functional collaboration.

📌 Application Steps

To apply for this Graphics and UI Designer position:

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

• Portfolio Customization: Ensure your portfolio prominently features 2-3 high-quality design system case studies that align with the requirements outlined, showcasing your experience in scaling, cross-platform design, and brand integration.

• Resume Optimization: Tailor your resume to highlight your extensive experience (5-10 years) in design systems, UI/visual design craft, Figma proficiency, and cross-functional collaboration, using keywords from the job description.

• Portfolio Walkthrough Practice: Rehearse presenting your selected case studies, focusing on storytelling, articulating your process, and demonstrating the operational impact of your design system work. Be ready to discuss your rationale for design decisions in detail.

• Company & Industry Research: Investigate H&M Group's current digital presence, brand strategy, and any recent design or technology initiatives. Understand their position in the fashion and e-commerce landscape, and how a design system supports 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.