Phase 1: Discover & Ideate
The process for this app started with a compilation of content from the basics of nutrition to the types of ingredients, the methods of preparation and additional content adapted to each level of difficulty. For example, the way spices work or interesting facts about nutrition and burgers. Important is a playful tonality and the entertaining presentation of the information.
Phase 2: Define
The second phase focused on structuring the content and designing the presentation options. To this end, we revised the architecture of the content and learning control several times and iteratively tested and improved it. Some concepts developed are the integration of difficulty levels, personalization options, learning objective control through interactive elements and quizzes within the individual lessons. We also use gamification approaches by integrating audiovisual feedback for lesson completion and level advancement. A comprehensive glossary helps learners to deepen their knowledge. In the practical part the learned knowledge can be applied using interactive step-by-step instructions. With the help of appealing and clearly presented photographs of the individual steps, as well as interactive elements such as timers or an ingredient calculator, users can try out the recipes themselves quickly and easily.
Phase 1: Develop & Redefine
The next phase involved the design of the application. For this, different fonts were tested and the focus was placed on a natural appearance. For this, not only a "stamped" font was used, but also the color selection and the choice of organic-looking textures were geared towards this. In addition, suitable icons had to be designed and call-to-action buttons and selection buttons had to be adapted. Graphic elements such as hand-drawn illustrations and self-made product photographs rounded off the overall graphic concept. In addition, animations of the illustrations and icons as well as micro-animations were used to give users personal and application-based feedback. The web app was also to be optimized specifically for the tablet; a mobile version was not planned. For testing, the application was given to different test groups. The feedback was iteratively taken up and incorporated after the questionnaires had been devised. For example, the theory section was broken up by interactive flip cards.
Phase 1: Deliver
Finally, the delivery phase included the elaboration of the web app. Based on modern web technologies such as HTML5, CSS3 and Javascript on VUE.JS basis, the page was programmed and delivered to the domain "burcademy.com". By integrating a service worker, cookies are saved and progress can be resumed even after closing the app. In addition, the application was designed as a web app, so it can be downloaded to the respective tablet and used directly from the menu. At the end the previous video tutorial was shot, which shows the possible uses of the application and gives users a direct first look at the app.
