SUMMARY

Hungry for more

This project made me hungry. I designed a sister website to Giant Food's Peapod delivery page that makes it easier for people to cook more. The website allows people to integrate ingredients from recipes with their shopping cart as well as save, print, and share recipes.

My role

I researched users, scoped out the competition, conducted card sorting, designed the information architecture, sketched, created storyboards, wireframed, and finally came to the prototype and tested it.


THE BRIEF

Briefly

My Meal Maker began with a brief about what Peapod was looking for in their new site:

Peapod has recently partnered with a major food and recipe publisher group to supply it with more content. Peapod has hired you to create a website that will help people plan and manage their meal ingredient purchases more efficiently, so they only buy the food they need.

The brief listed lots of features that Peapod was looking for in their new site, and included three user personas, sample products, and brand collateral (Peapod.com).


COMPETITIVE ANALYSIS

Playing with the big boys

I began with extensive analysis of Peapod's competitors, including Blue Apron, Plated, Allrecipes, and Instacart

I discovered that:

  • Peapod is appealing to people who want to save money. 
  • Delivering ingredients that are not pre-portioned could be an advantage.
  • Peapod’s competitors have an advantage in the area of photos & videos.

CARD SORTING & SITE MAP

It's in the cards

Card Sorting with users helped me see how they would organize my ideas, and helped me move on to a concrete site map and structure.

There were so many categories and pieces to organize. This was the first iteration of the site map. I settled on the concept of browsing by different categories on the homepage.


WIREFRAMING

Giving directions

This was my first introduction to Axure. I realized that my browse feature was too cluttered. It needed to be in only one place on the front page, simplified, and attached to images. 


SCOPE

Have your cake and eat it, too

I tried out a My Saved Meals feature for the site. Users could browse by featured meals rather than by recipe, such as Breakfast 1, Breakfast 2, etc. Through user research, I discovered that people don't look for their recipes that way. They prefer to find them individually.

I also created a Calendar feature that just seemed to confuse my users. They didn't know whether to like, favorite, heart, or save recipes and where to save them. These two features were axed.


STORYBOARDING

Jackie in the box

I got a bit stuck after creating all these features, wondering how to narrow it down to one user flow. I went back to storyboarding, and successfully created a flow true to Jackie, one of our personas, along with the many users I had talked to.


USER FLOW

Flow, flow, flow your boat

I used Axure to create many versions of the wireframes. I narrowed it down to one user flow that made sense. 


PROTOTYPE

La fin

Finally, I had a working prototype that I tested with users and made some last tweaks.


TAKEAWAYS

Live and learn

  • Use your personas! They tell the story and help you create something that works.
  • Everyone loves shrimp, and no one wants it to go to waste. Your solutions can solve real-world problems.
  • Adding too many or too few features is a delicate balance. Navigate carefully, and listen to your gut!