Product Design—

5. Component Library

I collaborated with a team of product and graphic designers to create a thoughtful, responsive design system that aligned with the company’s new brand.

UI/UX, responsive componentry, branding, typography, cross-functional collaboration, design sprints, documentation.

Director of Product Design: Harper Lieblich
Executive Creative Director: Clayton Perryman
Senior Product Designers: Justin Pierce, Adam Kendall
Product Designers: 👋️, Isabel Lee
Graphic Designer: Sam Stone
Engineers: Vivian Bejgrowicz, Nick Iorio, Noe Jimenez

Overview

At Plated, a meal kit company, we noticed the industry was saturated with the same visual identity. In an effort to differentiate our brand, we worked with R/GA to create a brand refresh. Plated positioned itself as the premium meal kit with curated, high-quality experiences. This brand refresh needed to be implemented across our digital product.

Explorations

In our initial sprints, our sole focus was to explore a variety of designs. Once we decided on a direction, we worked together in building our new design system. Each of us took a portion of the system and worked closely, with frequent planning, check-ins and critiques, to make sure we were aligned.

Components

I worked on “Typography”, which played to my strengths. I also individually contributed to “Buttons” and “Form fields.” Together with our engineers, we built out the system of responsive components.

Typography

Colors

Layouts & Grids

Illustrations

Iconography

Buttons

Form fields

Recipe tiles

Alerts

Learnings

This was a super collaborative and intensive process—and one that we had to juggle with other projects. I learned how to organize symbols in-depth by creating usable libraries in Sketch for the product design team. The work we did for this component library helped increase our velocity on other projects. This was an exciting project for me, given my background in graphic design—I could exercise my brand knowledge and merge it with how components and systems work on a product level. This was also a great exercise in fostering a collaborative relationship with our engineers.