Senior Design Systems Engineer

📍 Job Overview

Job Title: Senior Design Systems Engineer

Company: Summit Health

Location: Minneapolis, MN, United States (Hybrid)

Job Type: FULL_TIME

Category: Engineering / Design Systems

Date Posted: 2026-05-05T00:00:00

Experience Level: 5-10 years

Remote Status: Hybrid

🚀 Role Summary

• Drive the technical architecture and hands-on execution of a unified design system across Shipt's web and mobile platforms, leveraging React and React Native.

• Empower developer velocity and reduce technical fragmentation by engineering scalable, high-performance UI components that consolidate legacy patterns into a cohesive architecture.

• Champion the adoption of the design system across multiple engineering teams, ensuring consistency, accessibility, and high-quality user experiences.

• Collaborate closely with Design, Product, and Engineering stakeholders to translate concepts into production-ready code and establish clear architectural standards.

• Mentor junior engineers on UI best practices, accessibility standards, and efficient design system implementation.

📝 Enhancement Note: The role of Senior Design Systems Engineer is critical in bridging the gap between design and engineering, ensuring a consistent and efficient user experience across Shipt's digital products. This position requires a deep understanding of frontend development, component architecture, and the principles of design systems, with a strong emphasis on collaboration and technical leadership.

📈 Primary Responsibilities

• Define, build, and scale Shipt’s unified design system using React and React Native, establishing clear architectural standards, component APIs, and theming.

• Engineer reusable, high-performance UI components that consolidate fragmented legacy patterns into a cohesive and maintainable architecture.

• Drive the adoption and effective utilization of the design system across multiple engineering teams, providing technical guidance and support.

• Collaborate with Design and Product teams to translate user needs and design specifications into robust, accessible, and scalable frontend code.

• Implement and maintain performance monitoring using tools like Datadog RUM, and leverage data layer protocols such as GraphQL for efficient data delivery.

• Actively mentor junior engineers on UI best practices, accessibility standards (WCAG), and the principles of design system development.

• Reduce code duplication and eliminate technical fragmentation by consolidating UI patterns and ensuring consistent implementation across platforms.

• Utilize modern frontend tooling, including Storybook for component documentation and development, and Figma for design integration.

📝 Enhancement Note: This role demands a proactive approach to system building and adoption. The Senior Design Systems Engineer will be expected to not only build components but also to champion their use, provide training, and continuously iterate based on feedback and performance data. The emphasis on "autonomous leadership" suggests a high degree of self-direction and initiative.

🎓 Skills & Qualifications

Education: Bachelor's Degree or equivalent experience is required.

Experience: 5+ years of frontend engineering experience, with a significant focus on building and scaling design systems.

Required Skills:

• Proven expertise in frontend engineering with a strong track record of leading technical architecture and executing high-quality web or mobile applications.

• Demonstrated success in building and scaling unified design systems adopted by multiple engineering teams.

• Deep technical proficiency in React.js and React Native for cross-platform UI component development.

• Strong command of TypeScript for robust and maintainable code.

• Hands-on experience with modern frontend tooling, specifically Storybook for component development and documentation.

• Proficiency in design collaboration tools, such as Figma, for seamless integration with design workflows.

• Experience consolidating fragmented legacy UI patterns into scalable systems.

• Familiarity with performance monitoring tools (e.g., Datadog RUM) and data layer protocols (e.g., GraphQL).

Preferred Skills:

• Experience with system design principles and architectural best practices for scalable applications.

• Deep understanding of accessibility standards (WCAG) and their implementation in UI components.

• Knowledge of modern frontend build tools and optimization techniques.

• Experience with A/B testing and experimentation frameworks within a design system context.

• Familiarity with CI/CD pipelines for design system components.

📝 Enhancement Note: The requirements emphasize a blend of deep technical expertise in specific frameworks (React, React Native, TypeScript) and practical experience in design system architecture and cross-functional collaboration. The explicit mention of Storybook, Figma, Datadog RUM, and GraphQL indicates a need for familiarity with these specific tools and technologies within the context of a mature engineering organization.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase of well-architected and scalable UI components developed for web and/or mobile applications.

• Examples of design system contributions, including architectural decisions, component APIs, and theming strategies.

• Demonstrations of successful adoption and impact of design systems across multiple engineering teams.

• Evidence of consolidating fragmented UI patterns into cohesive, high-performance systems.

Process Documentation:

• Examples of how you've documented component usage, APIs, and design principles within a design system.

• Workflow examples illustrating your approach to collaborating with designers and engineers on component development and iteration.

• Demonstrations of how you have used performance monitoring and data layer protocols to ensure high-performance delivery of UI components.

• Documentation of your approach to mentoring junior engineers on UI best practices and accessibility.

📝 Enhancement Note: A strong portfolio is crucial for this role, as it will serve as the primary evidence of the candidate's ability to lead and execute on design system initiatives. Emphasis should be placed on demonstrating not just the output (components), but also the process, architectural thinking, and impact of the work.

💵 Compensation & Benefits

Salary Range: Based on industry benchmarks for Senior Design Systems Engineers in hybrid roles in major US tech hubs like Minneapolis, San Francisco, and Birmingham, a competitive salary range is estimated to be between $130,000 - $170,000 annually. This estimate considers the experience level (5-10 years), the specialized nature of design systems engineering, and the hybrid work arrangement.

Benefits:

• Comprehensive Medical, Dental, and Vision Insurance coverage.

• Company-sponsored 401k plan for retirement savings.

• Discretionary vacation time for exempt team members.

• Paid holidays throughout the calendar year.

• Paid sick leave.

• Eligibility for an annual bonus, reflecting company and individual performance.

• Potential for Restricted Stock Units (RSUs) based on the role and performance, offering equity ownership.

Working Hours: Standard full-time work hours are expected, likely around 40 hours per week. The hybrid work arrangement offers flexibility, allowing for a combination of remote work and in-office presence as determined by team needs and leader approval.

📝 Enhancement Note: The salary range is an estimation based on typical compensation for senior-level engineering roles in design systems in comparable U.S. markets. Specific compensation will depend on the candidate's experience, qualifications, and the final negotiation. The benefits package is robust and includes elements common for senior tech roles, with the inclusion of RSUs indicating potential for significant long-term compensation.

🎯 Team & Company Context

🏢 Company Culture

Industry: Summit Health operates within the Retail Technology sector, specifically focusing on e-commerce and delivery services. As a subsidiary of Target Corporation, it benefits from a strong retail foundation while maintaining an agile, tech-driven operational model. This industry context means a focus on speed, customer experience, and efficient logistics.

Company Size: Summit Health (Shipt) is a significant player in the retail tech space, employing a substantial number of individuals. The exact size, while not explicitly stated, is implied to be large enough to support dedicated teams for design systems, product, engineering, and operations across multiple locations. This size indicates opportunities for impact and career progression, but also requires structured processes and strong communication.

Founded: Shipt was founded and is headquartered in Birmingham, Alabama. Its acquisition by Target in 2017 provided it with significant resources and market reach. The company's history suggests a journey from a startup to a well-established tech subsidiary, likely retaining some of its innovative spirit while adopting more mature corporate structures.

Team Structure:

• The Design Systems team is likely embedded within the broader Engineering or Product organization, working closely with dedicated Design and Product Management functions.

• The Senior Design Systems Engineer will report to a Design Systems Lead, Engineering Manager, or Director, with direct collaboration across multiple product engineering teams.

Methodology:

• Data-driven decision-making is paramount, utilizing performance metrics (e.g., Datadog RUM) and user feedback to iterate on the design system.

• Agile methodologies are likely employed for component development and feature releases, emphasizing iterative progress and continuous integration.

• A strong focus on user experience and accessibility guides the development process, ensuring all components meet high standards for usability and inclusivity.

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

📝 Enhancement Note: The company context suggests an environment that balances the innovation and agility of a tech startup with the stability and resources of a large corporation like Target. The emphasis on design systems points to a mature engineering culture that values consistency, efficiency, and a high-quality user experience.

📈 Career & Growth Analysis

Operations Career Level: This role is classified as "Senior," indicating a mid-to-senior level position within the engineering hierarchy. A Senior Design Systems Engineer is expected to operate with a high degree of autonomy, provide technical leadership, and contribute significantly to architectural decisions. This level typically involves mentoring junior team members and influencing technical strategy.

Reporting Structure: The Senior Design Systems Engineer will likely report to a Design Systems Manager, Engineering Manager, or a Director of Engineering/Product. They will collaborate closely with Product Managers, UX Designers, and fellow engineers across various product teams. The structure emphasizes collaboration and influence rather than direct hierarchical command, though mentorship of junior engineers is expected.

Operations Impact: The impact of this role is substantial, directly influencing developer productivity, product consistency, and the overall user experience across Shipt's platforms. By standardizing UI components and patterns, this role enables faster development cycles, reduces technical debt, and ensures a cohesive brand identity, ultimately contributing to customer satisfaction and business growth.

Growth Opportunities:

• Technical Specialization: Deepen expertise in design systems, component architecture, cross-platform development (React/React Native), and related tooling.

• Leadership Development: Transition into lead roles within the Design Systems team, managing projects, mentoring more engineers, and taking on greater architectural responsibility.

• Cross-functional Mobility: Opportunities to move into broader frontend engineering roles, product management, or even UX architecture roles within Summit Health or Target.

• Strategic Influence: Contribute to the long-term technical strategy and roadmap for Shipt's frontend development and design system evolution.

📝 Enhancement Note: The "Senior" title implies significant responsibility and autonomy. Candidates should highlight their experience in leading technical initiatives, mentoring, and influencing cross-functional teams. Growth opportunities point towards a career path that can lead to leadership or specialized senior individual contributor roles within a large, structured organization.

🌐 Work Environment

Office Type: Summit Health (Shipt) embraces a hybrid work model. This means employees are expected to work from a Shipt office in Birmingham, San Francisco, or Minneapolis some days of the week, while also having the flexibility to work remotely. The exact in-office expectations will vary by role and leader.

Office Location(s): Key office locations for this hybrid arrangement include Birmingham, AL; San Francisco, CA; and Minneapolis, MN. Candidates are expected to be located near one of these offices.

Workspace Context:

• The work environment is designed to foster innovation and collaboration, with a mix of in-office and remote work.

• Access to modern engineering tools and technologies is standard, supporting the development and maintenance of a sophisticated design system.

• Opportunities for in-person collaboration with Design, Product, and Engineering teams are built into the hybrid model, facilitating brainstorming, problem-solving, and team building.

Work Schedule: While specific hours are flexible within the hybrid model, the role is full-time. The emphasis is on delivering results and meeting project deadlines, with the understanding that flexibility in daily scheduling is provided, balanced with the need for team interaction and collaboration.

📝 Enhancement Note: The hybrid model is a key aspect of this role, requiring candidates to be comfortable with a flexible work arrangement and potentially commuting to an office location. The company explicitly states that in-office expectations vary by role and leader, so prospective applicants should inquire further about the specific requirements for this position.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter will review your application and potentially conduct a brief phone screen to assess basic qualifications and cultural fit.

• Technical Phone Screen/Assessment: This may involve a coding challenge on an online platform or a technical discussion focused on frontend development principles, React/React

Native, and design systems.

• On-site/Virtual Loop: A series of interviews (typically 4-5) with various stakeholders, including:

  • Hiring Manager: To discuss experience, leadership, and role expectations.
  • Design Systems Team Members: To assess technical depth, collaboration style, and understanding of design systems.
  • Product/Design Stakeholders: To evaluate cross-functional collaboration skills and understanding of user-centric design.
  • Engineering Peers: To gauge technical skills, problem-solving abilities, and fit within the engineering team.

• Portfolio Presentation: A dedicated session where you will present your design systems or relevant engineering projects, demonstrating your architectural thinking, technical execution, and impact.

Portfolio Review Tips:

• Focus on Impact: Clearly articulate the problems your design system solved, the benefits it delivered (e.g., reduced development time, improved consistency, enhanced accessibility), and the metrics you used to measure success.

• Showcase Architecture: Detail the technical architecture of your design system, including component structure, theming strategies, API design, and how you managed scalability.

• Demonstrate Collaboration: Provide examples of how you partnered with designers, product managers, and engineers. Highlight your communication and influence strategies.

• Highlight Technical Proficiency: Showcase your command of React, React Native, TypeScript, and relevant tooling like Storybook. Explain complex technical decisions and trade-offs.

• Address Legacy Consolidation: If applicable, detail your experience in migrating or consolidating legacy UI patterns into a modern design system.

Challenge Preparation:

• Technical Deep Dive: Be prepared to discuss React/React Native concepts in depth, including hooks, context API, performance optimization, and cross-platform considerations.

• Design System Principles: Understand core design system concepts like atomic design, component libraries, theming, documentation, and governance.

• Problem-Solving Scenarios: Practice articulating how you would approach common design system challenges, such as onboarding new teams, managing component drift, or handling complex theming requirements.

• Accessibility Standards: Be ready to discuss WCAG guidelines and how you implement accessibility in your code.

📝 Enhancement Note: The interview process is designed to thoroughly assess technical skills, problem-solving abilities, collaboration, and understanding of design systems. A strong portfolio presentation is critical for demonstrating practical experience and impact. Candidates should prepare specific examples that align with the responsibilities and required skills outlined in the job description.

🛠 Tools & Technology Stack

Primary Tools:

• React.js: Core JavaScript library for building user interfaces.

• React Native: Framework for building native mobile applications using React.

• TypeScript: Superset of JavaScript that adds static typing for more robust code.

• Storybook: A popular tool for developing, testing, and documenting UI components in isolation.

• Figma: A collaborative interface design tool used for creating, sharing, and prototyping designs, which integrates closely with development workflows.

Analytics & Reporting:

• Datadog RUM (Real User Monitoring): Used for monitoring the performance and user experience of web applications in real-time.

• GraphQL: A query language for APIs that allows clients to request exactly the data they need, improving efficiency.

CRM & Automation:

• While not explicitly mentioned for this role, typical Shipt engineering environments would likely involve CI/CD pipelines (e.g., Jenkins, GitHub Actions), code repositories (e.g., Git, GitHub), and project management tools (e.g., Jira).

📝 Enhancement Note: Proficiency in React, React Native, and TypeScript is non-negotiable. Experience with Storybook and Figma is essential for the design system aspect of the role. Familiarity with performance monitoring (Datadog RUM) and API technologies (GraphQL) indicates a focus on efficient and high-quality frontend delivery.

👥 Team Culture & Values

Operations Values:

• Belonging: Fostering an inclusive environment where all team members feel valued and respected, contributing to a diverse and collaborative atmosphere.

• Growth: Committing to continuous learning and development, providing opportunities for skill enhancement and career progression for all employees.

• Impact: Driving meaningful contributions to Shipt's mission and user experience through innovative solutions and efficient processes.

• Customer-Centricity: Prioritizing the needs and experiences of Shipt users (customers, shoppers, and partners) in all development and strategic decisions.

• Collaboration: Encouraging teamwork and open communication across departments to achieve shared goals and drive collective success.

Collaboration Style:

• Cross-functional Integration: The design systems team operates at the intersection of Design, Product, and Engineering, requiring seamless collaboration and clear communication channels.

• Iterative Feedback: A culture of continuous feedback is encouraged, where component designs and implementations are regularly reviewed and refined based on input from various stakeholders.

• Knowledge Sharing: Emphasis on sharing best practices, technical learnings, and design system updates across engineering teams through documentation, presentations, and informal discussions.

📝 Enhancement Note: Summit Health (Shipt) emphasizes values that promote inclusivity, professional development, and a strong focus on customer experience. The collaborative style is integral to the success of a design systems role, requiring strong interpersonal skills and the ability to work effectively across diverse teams.

⚡ Challenges & Growth Opportunities

Challenges:

• Driving Adoption: Encouraging and ensuring widespread adoption of the design system across multiple engineering teams with varying priorities and existing codebases.

• Maintaining Consistency: Balancing the need for a unified system with the flexibility required by individual product teams to innovate and meet specific user needs.

• Technical Debt Management: Strategically addressing and consolidating legacy UI patterns and components to maintain a clean and efficient system.

• Cross-Functional Alignment: Navigating differing perspectives and priorities among Design, Product, and Engineering to achieve consensus on design system standards and roadmaps.

• Scalability: Ensuring the design system can scale effectively as Shipt's product offerings and engineering organization grow.

Learning & Development Opportunities:

• Advanced Design Systems Architecture: Opportunities to explore and implement cutting-edge design system patterns, tooling, and governance models.

• Cross-Platform Expertise: Deepen skills in both web (React) and mobile (React Native) development within a unified system context.

• Leadership and Mentorship: Develop leadership skills through mentoring junior engineers and potentially leading specific design system initiatives or feature development.

• Industry Engagement: Potential to attend relevant conferences or workshops (e.g., design system or frontend development focused) to stay abreast of industry trends.

📝 Enhancement Note: The challenges highlight the dynamic nature of design systems work, requiring strong problem-solving and communication skills. The growth opportunities are geared towards deepening technical expertise and developing leadership capabilities within a specialized engineering domain.

💡 Interview Preparation

Strategy Questions:

• How would you approach the initial phase of building or scaling a design system in a company with multiple existing product teams and codebases?

• Describe a time you had to convince stakeholders (design, product, or engineering) to adopt a new standard or component. What was your strategy, and what was the outcome?

• How do you balance the need for consistency in a design system with the need for flexibility and speed for individual product teams?

• What are your strategies for ensuring accessibility (WCAG compliance) is a core part of component development within a design system?

Company & Culture Questions:

• How does Shipt's hybrid work model align with your preferred work style and collaboration methods?

• Based on your understanding of Shipt, how would you ensure the design system reflects the company's values and brand identity?

• Describe your experience mentoring junior engineers. What is your approach to knowledge sharing and skill development within a team?

Portfolio Presentation Strategy:

• Structure your presentation: Start with an overview of the problem or goal, followed by your approach, the technical details of your solution (architecture, components), the collaboration process, and finally, the impact and metrics.

• Quantify your impact: Use data and specific examples to demonstrate the value your work has delivered. For instance, "Reduced component development time by X%," or "Increased UI consistency score by Y points."

• Highlight key decisions: Be prepared to discuss the rationale behind your architectural choices, technology selections, and API designs.

• Showcase collaboration: Explain how you worked with designers, product managers, and other engineers. Use specific examples of communication and consensus-building.

• Be ready for deep dives: Anticipate technical questions about your code, component implementation, testing strategies, and performance optimizations.

📝 Enhancement Note: Interview preparation should focus on demonstrating a strong understanding of design system principles, practical experience with the required technologies, and excellent cross-functional collaboration skills. The portfolio presentation is a critical opportunity to showcase tangible results and technical expertise.

📌 Application Steps

To apply for this Senior Design Systems Engineer position:

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

• Tailor your resume: Highlight your experience with React, React Native, TypeScript, design systems, Storybook, Figma, and any experience with performance monitoring (Datadog RUM) or GraphQL. Emphasize achievements related to building, scaling, and driving adoption of design systems.

• Prepare your portfolio: Curate 2-3 strong examples of your design system work. Focus on projects where you led technical architecture, engineered scalable components, consolidated legacy patterns, and collaborated cross-functionally. Be ready to clearly articulate the problem, your solution, and the quantified impact.

• Research Summit Health (Shipt): Understand their mission, products, and company culture, particularly their commitment to belonging and growth. Familiarize yourself with their hybrid work model and any publicly available information on their technology stack or design philosophy.

• Practice your interview responses: Prepare answers to common technical questions about React/React Native, design systems, and system design, as well as behavioral questions focusing on collaboration, problem-solving, and leadership. Rehearse your portfolio presentation to ensure it is clear, concise, and impactful.

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