Recipe Websites
Blue Apron
This website gives an option to change the amount based on the serving size and automatic suggests what you can add to the food, both just through pressing a button, making it easier for the reader. I also like that it differentiates the active and total cooking times, and how they're at the top making it easy to find.
Hello Fresh
One of the main sections is the nutritional value, which is always useful to have on a recipe page. I also like that there is a photo for each cooking step and ingredient, showing the user what their food should look like at that time. Also, every section is split nicely and clearly with lines.
Budget Bytes
This website has a layout with a long description, and then a card for the actual recipe. They also include a section for costs of recipe and per serving. Everything in the recipe design is very simply organized but with fun details, like the numbers are colorful, while keeping the font easily readable.
Design Websites
Instructables
This website involves instructions, like a recipe, but often talks through the steps like a conversation, making the steps seem less intimidating. I can think of that when making the recipe steps.
Google Maps
This website gives directions one by one, which allows users to focus on the most important/relevant step. This can be helpful with a recipe since users can take it step by step without feeling overwhelmed.
Yarnspirations
This website has very nice sections for different topics, such as details, sizing, download. It makes it easier for users to find the information they need quickly and can be useful for organizing recipe information.