Breaking Down my Process
Myco Meals - responsive webapp
This responsive web app is all about cooking with mushrooms and learning how to with recipes and information on different kind of mushrooms.
Research
Before diving into the design process, I conducted research. I took a closer look at Australian Mushrooms and The Mushroom Council (fresh mushrooms). I paid extra attention to how they structure their website and the recipes within.
Creating User Personas
I created three user personas (one displayed here) for the web app to get a better overview on how to structure the layout.
Wireframing
I always like creating wireframes most because it makes it visible how I will be structuring the app and I can experiment with different hierarchies and find out what will work best. I also used this stage of wireframes to do testing with users to get feedback on the usability.
Creating a Style Guide
For this project I plaid with a nature and earth toned color palette that I think suits a recipe app for mushrooms because the colors match the many tones and colors of the diverse mushroom world.
Finalizing the Design
Using what I have learned form multiple user tests and preference testing, the color palette I created, I brought color and images to the wireframes.
