Coffee Jelly

Coffee jelly is very easy to make: Sweeten strong coffee while heating it, then add a mixture of powdered gelatin and water and let it set up in the fridge. This recipe creates coffee jelly that is light and not too sweet, though you can adjust the sweetness to your liking. It's perfect for dessert, especially following a Japanese dinner in place of or alongside a cup of coffee. It's known as a refreshing Japanese summertime treat, but feel free to enjoy it all year long.

TIME & SERVINGS

Prep: 5 mins


Cook: 5 mins


Cool and Set: 5 hrs 15 mins


Total: 5 hrs 25 mins


Servings: 4 servings


Yield: 2 cups

INGREDIENTS

INSTRUCTIONS

  1. Gather the ingredients.
  2. In a small bowl, combine the gelatin powder and water.
  3. Place the brewed coffee and sugar in a medium saucepan and bring to a near boil over medium-high heat.
  4. Turn off the heat, and whisk in the gelatin mixture until it dissolves. Set aside to cool, about 10 to 15 minutes.
  5. Pour the coffee gelatin mixture into a shallow baking dish (8- or 9-inch square or 11 x 7 inches) and refrigerate until set, about 5 hours.
  6. Once the coffee jelly has set, cut the gelatin into 1/2-inch cubes.
  7. Spoon the cubes into individual serving dishes and top with whipped cream, if desired.

TIPS

RECIPE VARIATIONS

By Setsuko Yoshizuka. Tested by Colleen Graham.

SOURCE: The Spruce Eats

SAMPLE IMAGERY

3 LINKS TO RECIPE WEBSITES

1. Damn Delicious

This site stood out to me as a good reference because of how clean the layout is; there is a nice balance of text and photos. There is also an option to jump directly to the recipe in case the user wants to skip unneccessary information, as well as pin the recipe to return to it later.

2. Love and Lemons

This site stood out to me as a good reference because of how easy it is to navigate. It allows you to quickly navigate between different sections of the recipe, such as jumping to the instructions. It also offers similar recipes and serving tips.

3. Minimalist Baker

This site stood out to me as a good reference because it balances subheadings and paragraph text nicely; the change in font weight and size allows the user to easily distinguish between sections of the recipe. There are also links to specific ingredients that the writer used.

3 LINKS TO NON-RECIPE WEBSITES

1. ETQ

I would like to take inspiration from the clean, grid like format of this website. I think it is very effective in creating a clear sense of navigation and usability, as well as balancing text and image within a set space; I would like to convey similar movements in my own website.

2. ZARA

I would like to take inspiration from the way this site establishes negative space and how it uses thin boxes to outline large bodies of text. I think that the boxes create a clean foundation; without them, the text would have looked like it was floating on the page.

3. IDEO

I would like to take inspiration from this site's style, specifically their creative, colorful look that implements both photography and illustration. I think I would like to include small, simple illustrations in my site like this one, as I feel like it conveys a sense of liveliness.

RESEARCH EVALUATION GOOGLE DOC

Link here.