Redesign of a digital product: Through iterative product development, a new user experience is created. User needs define the functionality, user testing validates the concept, and design filters determine the design.
University project
The project was developed in collaboration with Anna-Lena Kornelson and Ron Eros Mandic. This course is led at HFG Gmünd by Sandra Raab.
Redesign of Mealie
About Mealie
Mealie is a comprehensive health and nutrition app, designed to empower individuals in achieving their fitness and dietary goals. By seamlessly integrating fitness and nutrition, Mealie fosters a holistic approach to health, encouraging users to make more informed choices about their diet.
With Mealie, users can not only track their meals but also access personalized workout plans, ensuring a well-rounded approach to their health journey.
The before
The current version of the app faced limitations in user flexibility and clarity. Users couldn’t customize nutrition sets or set specific goals like weight loss or muscle gain. The auto-generated shopping list lacked adaptability, and the History section lacked context. The graphical view only showed suggested meals, leaving users unsure about their actual consumption.
User Profiles and user goals
User profiles show diverse needs, from athletes wanting nutritional guidance to individuals seeking personalized health plans. They value adaptable features for efficient daily routines, quick meal options, and personalized guidance. Mealie aims to meet these needs by designing user-friendly functionalities.
The Kano Model guides Mealie’s feature development, focusing on automating processes outside of onboarding. The introduction emphasizes customizing meal plans, with algorithms generating nutrition and shopping lists. User guidance is crucial for optimization, including macro tracking and nutrition set suggestions. The unique selling point remains the stronger and more personalized integration of influencer sets.
Usecase
After inputting specific dietary needs and preferences at the beginning of setup, users are provided with individual tutorials. These tutorials not only explain how to navigate the dashboard view but also demonstrate basic app functions such as the shopping list mode. During meal planning, users have the option to select dishes for the three main meals as well as snacks. These options are curated by the system based on the user’s onboarding information. The app aims to promote optimal intake of macronutrients and calories while preserving long-term goals. After selecting meals, users can generate a personalized shopping list for the planned meals within a self-selected timeframe.
Final Design
The three main colors represent primary, secondary, and tertiary. The black color should form the text color on a white background. However, the text color varies depending on the background color of the individual elements and their arrangement.