UI/UX Design

Chefdrop Redesign

Chefdrop is a meal kit delivery service that offers customers access to a wide selection of premium meal kits prepared by notable restaurants and chefs across Toronto.

visit website

Chefdrop was experiencing issues with their checkout and the site flow in the first version of their site. The Checkout process was very convoluted, which resulted in a high drop-off rate. We had to solve their check out cart issue, and develop a better way to showcase different food categories and deals marketing wanted to promote such as gifts, and group orders that increase profit.

research & planning

When my role commenced, I audited the old version of the site with the clients to address and scope out their largest design issues. In a series of meetings, I proposed solutions that were attainable within their four-month time budget.

 
  • I created an onboarding feature for the guest checkout process, eliminating their previous single form format and ideated that the checkout process should eliminate other distractions offered by the site such as the full navigation and full footer.
  • I added a calendar of available delivery dates in the checkout flow that allowed users to choose their delivery date and be informed of additional add ons and non-compatible dates ahead of their commitment to the checkout phase.
  • Instead of a dropdown list for their Chefs and Restaurant options, I decided to create a gallery page that shows all restaurants and chefs on a single page with filtration options.
  • To eliminate the confusion about how to order, I designed the home page that addressed the ordering process in its container so users know how their delivery system works ahead of their decision to order.

I worked with the client to revise a lot of the interface graphically such as text, hero banner size, main navigation, sub-navigation and the footer. Please see the casestudy to see the solutions going into the final.