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
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.
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.
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.
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.
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.
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.
Interested in my work? Resonate with what I believe in? Let's have a conversation!