Design Engineer - Co-op Student

Loblaw Digital; Toronto; Hybrid; CAD 35,000 - 66,000; Full time

Benefits offered by this job

Hybrid work model

Job summary

Loblaw Digital in Toronto is seeking a Product Designer Co-op to contribute to shaping the future of online shopping for Canadians. You’ll collaborate with designers, product managers, and developers to create accessible, reusable design components within our evolving library.

You’ll gain hands-on experience auditing components, building in Figma, and participating in a fast-paced, AI-assisted design environment. This role offers a hybrid schedule with office and remote work for a 4-month term.

Qualifications

• Currently enrolled in an interaction design, product design, HCI, computer science or related program.
• A portfolio (academic, personal, or professional) that shows how you think, not only what you made. We’re most interested in work where you can explain the structure behind a decision.
• Working knowledge of Figma, including components, variants, and auto layout.
• Some exposure to front-end fundamentals such as HTML and CSS, or comfort reading component code.
• Curiosity about AI-assisted design and development tools. Hands-on experience with a coding agent is a bonus.
• Interest in accessibility and inclusive design, and willingness to learn against WCAG standards.
• If you meet most of these and are curious about the rest, we’d like to hear from you.

Responsibilities

• Learn to think in systems by auditing the existing component library before proposing anything new, and practicing how to separate a reusable platform capability from a one-off feature need.
• Build complete components in Figma with guidance, reusing existing atoms, applying auto layout and slots, and accounting for variants, states, responsive breakpoints, and content truncation.
• Practice the design-to-code workflow by handing a Figma component to the coding agent, and iterating on the generated component, Storybook stories, Code Connect mapping, and tests.
• Verify implementations in Storybook by checking meaningful variants, states, content extremes, and theme behaviour, and flagging discrepancies between the coded component and the design.
• Support component quality reviews by participating in the component critique and accessibility audit.
• Document what design files can’t communicate (behaviour, microinteractions, character counts, and image safe zones).
• Participate in peer review and merge requests to see work through to the integrated library.

Skills

Figma

Attention to detail

User-centered design

Collaboration

Education

Currently enrolled in a design or CS program

Tools

HTML/CSS basics

Job description

Winter 2027 Work Term Term Length: 4 months

At Loblaw Digital, we know that our customers expect the best from us. Whether that means building the best, most innovative online shopping experience, or designing an app that will impact the lives of people across the country, we’re up for the challenge. From our office in Downtown Toronto, we’ve created leading eCommerce experiences in the online grocery shopping, beauty, pharmacy, and apparel spaces, and we’re only just getting started.

Why is this role important?

Winter 2027 Work Term Term Length: 4 months

Term Start: January 6, 2027

Term End: April 16, 2027

The pay range for the co-op student role will reflect factors such as the candidate's experience, academic level, and the specific skillset required for the role.

Loblaw has adopted the following hybrid working model (a combination of working between the office and remotely). Colleagues can work remotely up to 1 day a week, while spending the other 4 days in the office (to be determined by each business unit).

At Loblaw Digital, we know that our customers expect the best from us. Whether that means building the best, most innovative online shopping experience, or designing an app that will impact the lives of people across the country, we’re up for the challenge. From our office in Downtown Toronto, we’ve created leading eCommerce experiences in the online grocery shopping, beauty, pharmacy, and apparel spaces, and we’re only just getting started.

Why is this role important?

As a Product Designer Co-op, you’ll have the opportunity to gain hands‑on experience shaping the future of online shopping for millions of Canadians. You’ll work closely with a team of designers who are passionate about user‑centered design and learn how to collaborate with product managers and developers to bring intuitive and accessible digital experiences to life.

This is your chance to join a high‑performing, supportive team, build your skills, and make a real contribution to projects that matter.

What You’ll Do

• Learn to think in systems by auditing the existing component library before proposing anything new, and practicing how to separate a reusable platform capability from a one‑off feature need.
• Build complete components in Figma with guidance, reusing existing atoms, applying auto layout and slots, and accounting for variants, states, responsive breakpoints, and content truncation.
• Practice the design‑to‑code workflow by handing a Figma component to the coding agent, and iterating on the generated component, Storybook stories, Code Connect mapping, and tests.
• Verify implementations in Storybook by checking meaningful variants, states, content extremes, and theme behaviour, and flagging discrepancies between the coded component and the design.
• Support component quality reviews by participating in the component critique and accessibility audit.
• Document what design files can’t communicate (behaviour, microinteractions, character counts, and image safe zones).
• Participate in peer review and merge requests to see work through to the integrated library.

Does this sound like you?

• You’re curious about how things are built, not just how they look. You like understanding the structure underneath an interface, and you’re eager to learn from designers and engineers who’ve been doing it a while.
• You think in patterns rather than one‑offs. When you solve something, you’re interested in whether it will come up again and what a reusable version would look like.
• You bring real care to detail work like naming, spacing, states, and edge cases, and you’d rather ask a question about an ambiguous spec than guess at it.
• You take critique well and give it generously. This work moves through constant review, and you see that as how components get better, not as a hurdle.
• You adapt quickly to unfamiliar tools and evolving processes, including AI‑assisted workflows, and you’re energized by a fast‑moving digital environment.

Your Qualifications Should Include:

• Currently enrolled in an interaction design, product design, HCI, computer science or related program, and returning to studies after the work term.
• A portfolio (academic, personal, or professional) that shows how you think, not only what you made. We’re most interested in work where you can explain the structure behind a decision.
• Working knowledge of Figma, including components, variants, and auto layout.
• Some exposure to front‑end fundamentals such as HTML and CSS, or comfort reading component code.
• Curiosity about AI‑assisted design and development tools. Hands‑on experience with a coding agent is a bonus.
• Interest in accessibility and inclusive design, and willingness to learn against WCAG standards.
• If you meet most of these and are curious about the rest, we’d like to hear from you.

How You’ll Succeed:

At Loblaw Digital, we seek great people to continually strengthen our culture. We believe great people model our values, are authentic, build trust and make connections.

We’re able to keep innovating because our colleagues are passionate about their work and excited about the future of eCommerce.

If you have big ideas, undeniable enthusiasm, and thrive in a collaborative, creative, and diverse group, we’ll get along just fine.

Looking for a challenge? Good. Love an innovative work environment? Even better.

How You’ll Succeed:

At Loblaw Digital, we seek great people to continually strengthen our culture. We believe great people model our values, are authentic, build trust and make connections.

We’re able to keep innovating because our colleagues are passionate about their work and excited about the future of eCommerce.

If you have big ideas, undeniable enthusiasm, and thrive in a collaborative, creative, and diverse group, we’ll get along just fine.

Looking for a challenge? Good. Love an innovative work environment? Even better.

Employment Type:

Full time

Type Of Role:

Temporary (Fixed Term)

Loblaw Digital recognizes Canada's diversity as a source of national pride and strength. We have made it a priority to reflect our nation’s evolving diversity in the products we sell, the people we hire, and the culture we create in our organization. Accommodation is available upon request for applicants with disabilities in the recruitment and assessment process and when hired. In addition, we believe that compliance with laws is about doing the right thing. Upholding the law is part of our Code of Conduct – it reinforces what our customers and stakeholders expect of us.

Hiring Range / Échelle Salariale à L’embauche :

$35,100.00 - $65,700.00 / 35.100,00$ - 65.700,00$ (per year / par an)

A candidate’s experience and knowledge as well as the geographical region in which the position is located may be factored into the pay a candidate receives for this position. This posting is for an existing vacancy. The Company uses artificial intelligence for the purpose of screening, assessing and/or selecting applicants for this position. / L’expérience et les connaissances d’un candidat ainsi que la région géographique dans laquelle le poste est situé peuvent être prises en compte dans la rémunération qu’un candidat reçoit pour ce poste. Cette offre d’emploi concerne un poste vacant existant. L’entreprise utilise l’intelligence artificielle dans le but de filtrer, d’évaluer et/ou de sélectionner les candidats à ce poste.