Visual Recipes Web Design
February 2010
Visual Recipies lets you post pictures for each step of your recipe. Post your recipes and the world becomes a better place with more people making good food. See how we helped them.
Visit the Live Site
1The Background
Visual Recipes was already well established and had a lot of traffic, but the design was starting to show it's age. They also wanted to move to ExpressionEngine under the hood, and while we didn't implement it; we did give tips and pointers throughout the process. In short, this thing was getting overhauled inside and out!
We designed upwards of 10 different page layouts as well as creating a brand spanking new logo for them. And we coded all those designs in to HTML/CSS and Javascript so they could implement them easily.
It was a long process (see the process), but we're both thrilled with the results. Visual Recipes now has a fun, playful and unique brand moving forward; no to mention an easily navigable site.
2Recipe Page
This is the page we started with as it was the most important. So many actions and data had to be thought through and intelligently placed so that things were easty to follow. Whew!
3Profile Page
Visual Recipes was a user content generated site so their profiles had to be something they were proud of. Easy access to everything you need.
4First Login
The first time a user registerd was hugely important. Would they actually take the time to create a profile and post a recipe? We tried to make it as easy as possible.