West Coast Seeds
Turning a Print Request Into a Mobile-First Tool
UI design for a mobile-first harvest preservation guide, promoted in-store across North America and built for web.
Project Overview
New gardeners often grow more than expected, and by harvest season, many don't know what to do with the extra produce. They'd reach out to customer service asking for storage and preservation tips.
West Coast Seeds needed a printable chart to answer that question, using insights the product and support teams had gathered.
Our Hotjar data showed most site visitors were on their phones, so I proposed a mobile-first web version to go alongside the printable one. I designed both together, built reusable components for handoff, and worked with our developer to bring it to life.
We printed 20,000 posters and distributed them to retailers across North America, each with a QR code linking to the web version, so customers could view it on their phone or print it at home.
My Role
UX/UI Designer
Visual Design
My Responsibilities
Design System
Dev Collaboration
Prototyping
Type of Project
Web Tool
Tools
Figma
Figma Make
InDesign
Platforms
Website
Reach
20,000 poster printed
Distributed across North America
Designing the System
Since this was our first project working together, I set up a one-on-one with the developer to understand his workflow before starting. Since he didn't need an interactive prototype, I built static high-fidelity screens in Figma, using existing site components to keep everything on-brand.
Card Behavior
Some crops have more uses than others. I designed a rule for cards with more than five tags: show the first five, then collapse the rest into a "+3" badge that expands the card on tap.
During development, we decided to make the cards larger from the start, giving every tag room to show. That made the collapse rule unnecessary, so we simplified and dropped it.
Printed Promo Posters
Project Outcome
The Harvest Use Chart is live on the West Coast Seeds website. The developer built on my components to add a filter system, letting customers narrow results by harvest use.
I've promoted the guide through email campaigns and set up a Hotjar funnel to track whether it drives sales. I'm also checking in with the customer support team to see how customers are responding to it.
