Recipe Blog
Project
Anthony's Recipes is a recipe blog landing page for which I designed a high fidelity wirefram for both mobile and desktop devices, emphasizing a seamless user experience. The goal was to create a landing page which helps describe to potential new users what the website does, who it is for, and the potential benefits of becoming a member Additionally, a comprehensive style guide was crafted to maintain consistency throughout the platform.
Tools and Method
Adobe XD, Adobe Photoshop, High-Fidelity Wireframe, Visual Design and Branding
Product View Wireframe
![Recipe blog - Desktop view](/img/recipe-blog/recipe-blog-landing-page.webp)
Summary
Desiging the landing page posed the challenge of strategically organizing content to effectively engage users and encourage prolonged browsing. To address this, I contantly sought feedback from friends, conducting user tests on them to gain insights into what would engage visitors. The main focus of the design became to make it simple for visitors to find new recipes and check out different categories, with a prominent section for user recipe submissions.
Throughout the process, I honed my skills in Adobe XD, implementing techniques such as organized layer structuring, image optimization for file size management, and thoughtful design considerations for different screen sizes.
I also created a style guide that helped me keep the design consistent throughout the website. Reflecting on the project, there are areas for improvement, such as more engagment in the quiz section and bringing more contrast to headings. Overall, this project served as an great learning experience, contributing significantly to my design skill set.