Recipe Website
-
foodnetwork.com
There is a very good use of the grid system to pact the most useful information in a rectangle so that viewers are able to get most information without much scrolling. Also, it is interactive in that viewers are able to check and uncheck the ingredients. The use of the red color highlights the buttons for users to save the recipe or to share.
-
simplyrecipes.com
A very clear hierarchy is established through mainly the change in the font choices and text sizes. I like how frames and colors are used to create sections, making it a lot easier for users to read and skim through.
-
myrecipes.com
I enjoy how interactive the website is. There is a list of items towards the top of the page that are linked to specific portions. Users are able to check what ingredients that they have prepared and which steps that have been done.
Inspiration
-
swabtheworld.com
The use of negative space and icons are brilliant. The colors act as dividers to separate out different sections without making the composition too rigid.
-
mars-coloby.life
I like how objects appear and fade out as viewers are scrolling through. I think that it can be applied to show the steps in the instruction.
-
opusgrow.com
I like how the images automatically changes to show the different ingredients. Also, the use of different types effectively draws viewers' attention.