Cook / Collect

Cook / Collect is where recipes come to life. Simplify your cooking journey with a user-friendly app and website. Organize, explore, and elevate your culinary adventures.

01

Project Overview

Role

Web and mobile design responsiveness

Information architecture

Duration

January 2022 - March 2022

The Challenge

Traditional recipe management is often cluttered and disorganized, posing a challenge for users that seek a streamlined way to collect and explore culinary ideas. 

‍

Cook / Collect offers a cohesive platform where users can submit, collect, and explore recipes, while maintaining a consistent user experience across various devices via web or app.

Objectives & Goals

Key objectives for Cook / Collect encompassed honing skills in user-centered design and responsive design principles. The project aimed to delve into the intricacies of creating a cohesive user experience design for both a website and app, emphasizing responsiveness to varying screen sizes and devices.

‍

  • Create a consistent and responsive user experience across devices and mediums, including a website and app that are cohesive in design principles.
  • Master techniques of mobile-first philosophy, as well as top-down designing for graceful degradation, depending on the device being used.

02

Research

Design thinking process

Throughout these case studies, I have followed the Design Thinking Process to create human-centered design through empathy, ideation, prototypes, testing, and iteration to refine our design. This process helps put the needs and experiences of end-users front and center throughout the entire design journey.

User research

In the creation of designing a recipe management solution, User Research played a pivotal role. First-hand interviews were conducted with home cooks and recipe enthusiasts to understand the challenges they faced in organizing, discovering, and managing recipes. Empathy maps were created from these interviews, and were eventually sorted into three major pain points.

Pain points

No items found.

Crafting an effective persona

User interviews and Empathy Maps guided the creation of personas for Cook / Collect. These personas encapsulated the motivations and challenges of individuals seeking an efficient recipe management solution by putting emphasis on understanding the frustrations of online recipe users.

Building the User Journey Map

The User Journey started with initial exploration of the website and mobile app. Users navigate through recipe categories, utilize sorting and filtering options, and actively save their favorite recipes to personalized collections. The platform empowers users to further organize their culinary inspiration by creating custom collections, employing tags and labels, and setting dietary preferences and restrictions.

03

Designs

Lo-fi wireframe evolution

Creating a clear foundational structure involved the meticulous process of building information architecture, low-fidelity paper wireframes, and digital wireframes and prototypes. This is accomplished through iterative sketching, usability testing, translating those insights into organization and interaction, and gathering feedback.

Paper wireframes

No items found.

Digital wireframes

No items found.

Low-fidelity prototype

Usability study

We used our low-fidelity wireframes to evaluate usability and responsiveness between our mobile app and the desktop design. This usability test helped provide information about how our users prefer to use our digital cookbook, giving great insight into how we can continue to improve the product and the design.

‍

Users were asked to perform tasks in an unmoderated environment, and answer research questions and provide feedback.

‍

Methodology

‍

Time

10 minutes

‍

Location

Participant homes, remote

‍

Format

Unmoderated usability study

‍

Task

Users were asked to browse recipes and save favorites on a low-fidelity prototype

Usability findings

No items found.

04

Refining the design

The low-fidelity prototypes were translated into more detailed mockups and high-fidelity prototypes based on user feedback gained from Usability Studies, and incorporated more accessibility options while executing User-centric Design Principles.

Mockups

No items found.

Building a high-fidelity prototype

The transition from high-fidelity mockups to an interactive prototype marks a significant leap in the design process, offering a dynamic and tangible preview of the envisioned user experience. The high-fidelity prototype becomes a bridge between vision and execution, enabling a deeper understanding of the user journey and ensuring that the final product aligns seamlessly with user expectations.

05

The results

No items found.
View Cook / Collect prototype

06

Key takeaways

Through a meticulous user journey that starts with intuitive recipe discovery and evolves into seamless meal planning and community engagement, Cook / Collect offers an immersive and personalized experience. The emphasis on cross-platform accessibility ensures a consistent and enjoyable experience whether users are exploring recipes on their desktop or utilizing the mobile app on the go.

07

What's next

The iterative process is fundamental to the dynamic nature of user experience design. Once the foundation of a seamless, user-centric experience has been established, the journey doesn't end there. The next step we work on will be refinement, iteration, and innovation.

Expanded Social Integration

Enhance social media integration to enable users to easily share their cooking successes , discoveries, or favorite recipes directly from the Cook / Collect platform.

‍

Accessibility Features

Implement accessibility features to ensure that the platform is usable and enjoyable for users with different abilities, making it a more inclusive culinary space.

Enjoy what you've seen? 
Want to see more?

Explore my other projects, or reach out and say hello!

wagMD

UX design for an all-in-one medical pet health app

Cook / Collect

Responsive UX design for recipe collection website and mobile app

tiny cupboard

Complementary UX design for both a website and mobile app

Say hello
HomeProjectsContact
Copyright © 2024 Christopher Chollett. All rights reserved.