Building a reusable design system for a multi-sided agricultural product.

Design System · Research · Components · Accessibility

View details ↓

Overview

Freshbox spans three connected product areas: the customer experience, the farmer experience and the administrative system. The design-system work focused on creating a shared language that could help different teams design and build these surfaces more consistently.

<aside> ↗

Project Design System

Role Research · Components · Accessibility

Scope Customer · Farmer · Admin

Focus Consistency · Reuse · Handoff

</aside>

Challenge

<aside> ◆

Three connected product areas and multiple design/development contributors needed to behave like one coherent product rather than separate interfaces.

</aside>

Goals

<aside> ◆

Create reusable components, clearer standards and a shared foundation that could support consistency while still serving different user groups.

</aside>

My contribution

I focused on research, gathering requirements across teams and helping translate those needs into a design-system foundation that designers and developers could use together.

Research & system discovery

Approach

We initiated the process by convening a comprehensive meeting with team members from all three groups, encompassing both designers and developers. This facilitated a deeper understanding of their respective needs and allowed us to glean invaluable insights into what the design systems should encompass. Through this collaborative effort, we sought to better comprehend the unique requirements of each team and refine our approach to crafting a design system that seamlessly caters to both designers and developers.

Following these discussions, we began proposing a set of essential components to comprehensively address various user cases. These proposed components include;

• Style guide

Explore the cohesive visual and design elements that form the foundation of our brand identity.

• Components