Recipe Filter

Purpose:

Give users the ability to filter/search through our recipes in the recipe section of the app. Filter Categories include sort by, by allergen, categories, bloggers, verified brands.

New Feature Launch:

Click here to see the full new feature launch designs

Recipe Filter Design

Categories: Multiple vs. Single Selection

All Category Options will dynamically update their (results numbers) based on selections.

Sort By + By Allergen – can only select one or the other. Will deselect sort by if an allergen option is selected and vise versa.

  1. Sort By: Match My Allergens (selection defaulted) + All Recipes – Single Selection
  2. By Allergens: Peanut-free, Tree nut-free, etc. – Multiple Selection
  3. Categories: Breakfast, Snacks, Cookies, etc. – Single Selection
  4. Bloggers: Single Selection
  5. Verified Brands: Single Selection

Scenarios:

  1. User selects sort by: “Match my allergens” or “All recipes” and can single select in “Categories”, “Bloggers”, and/or “Verified Brands”
  2. User selects by allergen: Can multiple select “peanut-free” and/or “tree nut-free (etc.)” and can single select in “Categories”, “Bloggers”, and/or “Verified Brands.”
  3. If a user selects “All Recipes” and then selects “Peanut-free,” then “All Recipes” will be deselected and vise versa.

Categories: Display

  • Page should be static, all sections should display (be visible) regardless of filter selections.
  1. Sort By: Match My Allergens (selection defaulted), All Recipes
  2. By Allergens: List 3 + Show More button (All Parent Allergens)
    • Peanut-Free
    • Tree Nut-Free
    • Milk-Free
    • Egg-Free
    • Soy-Free
    • Fish-Free
    • Shellfish-Free
    • Wheat-Free
    • Gluten-Free
    • Seed-Free
    • Vegetable-Free
    • Fruit-Free
    • Grain-Free
    • Meat+Poultry-Free
    • Legume-Free
    • Chocolate-Free
  3. Categories: List in Order below
    • Cookies
    • Brownies + Bars
    • Cakes + Cupcakes
    • Pies + Crumbles
    • Ice Cream + Frozen
    • Candy, Cups, + Truffles
    • Breakfast
    • Muffins + Breads
    • Soups + Salads
    • Side + Appetizers
    • Mains
    • Snacks
    • Holidays
  4. Verified Brands: Display by Alphabetical: Need a dropdown field on Jarvis to tag Verified Brands to Recipes (Display Top 3 + Show More button)
  5. Bloggers: Display by Alphabetical: Dynamically pulled from Blogger Source Field in Jarvis (Display Top 3 + Show More button)
Recipe Filter Screen

Filter Reset + Deselecting:

  1. If a user at any point in the filter flow clicks “Reset” it will bring them back to the initial filter screen (Recipe Filter 2) with the default selected (Match my profile).
  2. If a user deselects a category option (By Allergen, Categories, Blogger, etc.) it will deselect that filter option and keep them on the same screen.

Recipe Search Bar:

Recipe Search Bar will search based on the following fields in Jarvis:

  1. Blogger Source – (Blogger’s Name)
  2. Verified Brand – (Verified Brand Name)
  3. Category Fields – (Cookies, Brownies, Cakes, etc.)
  4. Content Title – (Recipe Name)

Adding Recipes to Backend (Jarvis)

With our new Recipe Filter – there are new fields in Jarvis we need to fill in when adding new recipes.

  1. Recipe Categories: Make sure to tag the new recipe with the appropriate categories
  2. Blogger Source: Type in the Name of the Blogger the recipe came from. Make sure the blogger name is spelled verbatim so it shows up in the recipe filter.
  3. Blogger URL: insert the url of the bloggers website. (use the home page, not the recipe url.)
  4. Featured in Verified Brands IDs: insert brand ID from the verified brand page.
  5. Content Name: insert recipe title here

Adding Recipes Scenarios:

  1. If a blogger creates a recipe for a brand (i.e. Drizzle Kitchen creates a recipe for Enjoy Life products) make sure to include the blogger source AND verified brand fields.
  2. In other cases of a blogger recipe or a verified brand recipe – just fill out the field for the blogger source OR the verified brand name.
Jarvis Recipe Filter Fields

Recipe Filter 2.0:

  1. Consider including Lifestyle as a filter category: Provide Specialized Diet Option – vegan, keto, etc.
  2. Consider moving the location of the Recipe Section in the app. (Currently bottom right on the search tab)
  3. Verified Blogger Pages
  4. Recipe Search vs Main Search – including blogger source in search results.

Metrics:

JMO Tracking Recipe Filter Queries: (Total Number and % of Total)

  1. Whenever a user clicks: See Results and “By Allergen Options” is a selected filter.
  2. Whenever a user clicks: See Results and “Category Options” is a selected filter.
  3. Whenever a user clicks: See Results and “Blogger Options” is a selected filter.
  4. Whenever a user clicks: See Results and “Verified Brand Options” is a selected filter.
Previous Work Next Work