New Logo & Pattern
RecipeBook
App Design Case Study
Overview: For this project, I did a complete UI/UX redesign of an existing recipe-keeping app called RecipeBook. With this redesign, I wanted to elevate the look and purpose of the app, while also showcasing my screen design skills and attention to detail. Everything changed from the logo and colors to many of the functions of the app. I created a welcoming and modern feel with many cool UX functions that can be tried out with an XD prototype link.
Solution: There were many components to this brand refresh; a new logo and an animated logo mark, a unique and personalized pattern, and five fresh and modern brand colors to pair with the new brand typefaces. I also created a wide range of brand-cohesive UI elements from iconography to buttons, to unique toggles. My coordinated UI element system helped the user easily identify certain parts of the brand as they moved through the app.
Before Screens
Design Process
The first assignment to tackle was a new logo. I knew this was the first step in having a recognizable brand, their current logo did not have any memorable elements. I created the new logo and animated logo, along with many UI elements for the app. While creating all of these elements I kept in mind my target audience of mothers and homemakers, and the clean and memorable design I needed to stand out from my competitors.
UI Elements
Wireframes
After deciding on the brand style guide elements and creating the new logo, I was able to move into sketching and layout design with wireframes. This is where I really went back to the research I did and made sure that all my decisions in the design stage were fitting with my brand goals and ideas.
Wireframes
Screen Designs
After sketches, my next step was to move into Adobe XD for digital designing and prototyping. This was one of the longest parts of the project and I created 35 different screen designs during this portion. After having everything laid out I used user testing to really finalize the RecipeBook app screen designs.
Screen Designs
Final Screens Mocked Up
App Walkthrough Video
App Prototype
Some images, logos, products, videos, and other copyrights or trademarks featured, mentioned, or referred to within the project are the property of RecipeBook. The use of the trade name, copyright, or trademark in my student portfolio for identification and reference purposes only and does not imply any association with the copyright or trademark holder of their product or brand. My work is not affiliated, associated, authorized, maintained, sponsored, endorsed by, or in any way officially connected with these copyright or trademark holders. RecipeBook does not sponsor or endorse any of the shown work. I declare no affiliation, sponsorship, nor any partnerships with any copyright or trademark holders.