Streamlining the experience from recipe to register.

Streamlining the experience from recipe to register.

Chicory Desktop and Mobile Web Widgets

Chicory.co is a technology company that creates a tool that connects recipe websites with online grocers so that customers can easily order ingredients. After launching their widget in 2014, they hadn’t made any significant design changes since then. With competitors in the space cutting into their market share, they asked me to redesign their recipe widget to be more efficient and streamlined.

ROLE


UX/UI Designer (Contract)

INDUSTRY


Ecommerce

7/2018 - 8/2018

THE CURRENT STATE
Evaluating the current offering
My first step in the process was to review the current experience and identify any pain points and opportunities based on Jakob Nielsen’s best practices.
THE CURRENT DESIGN
STYLE GUIDE
A simple style for a quick redesign
Because I ended my contract early to accept a full-time role, I didn't get a chance to create a full style guide. However, I created a simple style sheet based on the site’s existing branding that the front-end engineers could follow.
chicory-style-sheet
UI DESIGN

Designing for desktop and mobile

Because the previous design wasn’t well-optimized for mobile, I made sure to design for both platforms at the same time.

DETECT LOCATION
02 Detect Location
02 Detect Location – Mobile
CHOOSE GROCER
04 Choose Grocer
04 Choose Grocer – Mobile
GROCERY LIST
05 Item List
05 Item List – Mobile
SWAPPING AN ITEM
06 Swap
06 Swap – Mobile
ITEM NOT AVAILABLE
08a Back from Grocer – Items Unavailable
08a Back from Grocer – Items Unavailable – Mobile
ITEMS ADDED TO CART
08 Back from Grocer Tab
08 Back from Grocer Tab – Mobile
PROJECT LEARNINGS

🗣 Checking in early and often with the team

This small and scrappy startup team was very invested in their product. To ensure buy-in along the way, I made sure to meet with the founders, the marketing team, and the engineering teams often.

🦍 Guerilla usability testing works in a pinch

Because the project was cut short, we didn’t have time for a formal usability study. Instead, to answer any design questions I had, I performed quick usability tests with friends and family. After all, the widget has a wide audience and should be easy-to-use by anyone who purchases ingredients online.


 

Selected Work

Speech Device SettingsUX Design, Research, Touch Device

Budgeting AppUX Design, UI Design, Research, iOS

Grocery WidgetUX Design, UI Design, Desktop & Mobile Web

Education AppUI Design, iOS, Android

Networking PlatformUI Design, Web

Membership WebsiteUX Design, Web