Baking Blog: Stage 1

A baking supply company was in need of a design for their blog. It primarily focused on recipes, with ingredients and tools in them, that the company sells. The client handed me a base template to design the blog. My job was to deliver a wireframe that was easy-to-use, contained logical navigation, and understandable groups of content that recommended recipes to their target audience.

Date: March 2019

Role: UX Designer

Course: UX Design Techdegree @ Treehouse

Close up of one of the wireframes for the blog.

Close up of one of the wireframes for the blog.

The Users

Our target audience consisted of male and female adults in their late twenties and early thirties. The blog aimed to attract both seasoned and beginner cooks wanting to learn new recipes.

Sketching Concepts

The company provided a simple template for the blog page. Its structure was divided into 3 sections. Header, main content area, and a side menu. Content in some areas were strict while others like the side menu allowed for more creativity. Following this template structure, I rapidly sketched dozens of concepts.

Some of the sketches I whipped up for the Baking Blog.

Some of the sketches I whipped up for the Baking Blog.

Wireframing Concepts

After sketching, I decided on 2 of the strongest concepts to move to digital. From there, I iterated and refined each wireframe until I landed on a winner. Figma was my top dog for the job since I'm extremely familiar with its capabilities.

Two of the concepts I started with and later on iterated.

Two of the concepts I started with and later on iterated.

The client was also offered 2 additional wireframes with a unique layout compared to the original template. These alternatives prioritized the main content section and allowed more space to be used for blog posts. This was to show the client that there were other ways to solve the problem.

First alternative version of the template.

First alternative version of the template.

Second alternative version of the template.

Second alternative version of the template.

The Final Design

In the end, the client decided on another design that matched their template layout. This version includes the essential components plus some additional features for recipe finding. The main content/blog section included big imagery with easy to read headlines and descriptions. Posts were divided into primary and secondary sections. Primary was for the recipe of the day, and secondary for other current recipe posts. The side menu includes a community recipe review section to encourage users to try new things. Below that are recipe categories to help users find recipes quickly based on cuisine.

The final baking blog concept.

The final baking blog concept.

The Outcome

This project helped me to develop my skills in a few key ways. First, I got to sharpen my skills in Figma with rapid wireframing. Then, I explored interesting ways to design concepts to solve one idea. And finally, I pushed my creativity further by designing additional concepts that customized the original layout and provided rationale to why these versions could also work. A challenging, but fun assignment.

See Project Files

Reach out to me

Interested in my work? Resonate with what I believe in? Let's have a conversation!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.