Instacart

Sr Product Designer II

Caper Cart is a smart shopping cart product that identify items, scan barcodes, and weigh produce, used by 15+ retailers across 100+ cities in North America and expanding into Europe and Australia. I worked with one other design systems designer and two design technologists worked closely with the Connected Stores team of 6 product designers to systemize existing visual language for the Caper Cart and bring it closer to the core brand. We audited their current design implementation, worked with the team to find component and UX pattern solutions, and clear out tech and design debt with full scale migrations. The end result was 50 new components in Figma, 10 in code, over 100 sematic-level tokens driving white label theming, UX pattern documentation, a design source of truth, and over 7k component inserts weekly.

Please contact for deeper case-studies

  • The Caper product after going through a rebrand and design system migration.

  • Samples of pre-migration surfaces.

  • Over 150 legacy color styles were remapped to 24 color tokens.

  • 28 XML type styles remapped to 12 Compose styles.

  • Automations were created with Cursor to pull screenshot tests from the PR, sort them, and add to Jira for VQA.

  • 50 new components were released to designers in figma and 10 in code.

  • Design documentation helped guide designers using the new design system.

  • Post migration design was collected into a new file to create a durable source of truth.

  • Samples of post design system migration Caper surfaces.