Healthy meal cooking app
BedtimeStories is an iOS app that lets parents easily create personalized bedtime stories for their children. Using OpenAI's API for story content and DALL-E for illustrations, the app offers a simple prompt or detailed template for story creation. All stories are saved within the app, making bedtime a magical storytelling adventure.
Project status: In progress
- UI/UX Design: In Figma.
Wireframes finished, Mockups in second round of improvements.
- Development: Xcode with SwiftUI.
The prototype is finished, it includes a successful network connection to the OpenAI API to get the story text and image. The stories are persisted using CoreData and displayed on their dedicated view, where users access , favourite and delete their stories.
HealthyMeals is the third and last project created as part of the Google UX Design Certificate.This project aims to help people to cook healthier meals. Food preferences and unique lifestyles of users are key in HealthyMeals. Users can choose or avoid specific ingredients in recipes, and the weekly meal plans adapt to their personal needs.
Design a tool to help people learn how to cook healthier meals.
The goal of the last project of the Google UX Design certification is to reinforce the knowledge gained throughout the entire course. The final assignment consists in designing a project for three different screen sizes.
I designed HealthyMeals for three different screen sizes, but my main focus was the mobile app.
Most people know what a healthy meal is, but it is difficult for them to find new and delicious recipes that adapt to their lifestyle and preferences.
Make meal planning and daily cooking easier for users, so they focus on cooking healthy and delicious recipes.
I conducted remote interviews to understand participants' concept of a healthy meal. I also asked them about their daily cooking habits and food shopping.
Problem statement: Aniya is a remote worker that has a sedentary lifestyle who wants to cook new healthy recipes because she cares about eating healthier.
Problem statement: Megan is a busy mom of three boys, who needs healthy and adaptable recipes that are also family-friendly because she finds complicated to cook healthy food that pleases all family members.
Through Aniya's journey map, I learned that this persona tends to get bored of eating the same meals all the time and that she looks to cook healthy but quick recipes.
This lo-fi prototype displays in the main screen the meals planned for today, here user's can tap in a recipe and then read or play the video instructions. Other menu icons allow to plan a weekly meal plan and create a shopping list.
In the first round of usability studies, most participants found the main flow easy to use, but they got confused and had feedback in some areas. Later in a second round and after improving the prototypes, users found the app and improvements easy to use and understand.
The demo presented below has been developed using SwiftUI. Currently, I am focusing on enhancing error handling and improving user notifications. The UI will be updated once the mockups are finalized.
Functionality:
The app offers two distinct modes for creating a story:
1. Template Mode: In this guided mode, users fill in the fields and select buttons to create a story that is more specific to what children might enjoy.
2. Quick Mode: Users can enter a quick prompt to generate a story on the fly.
Powered by AI technology, this app crafts unique bedtime stories, complete with illustrations, specifically tailored for each child.
App back-end process:
1. Network Call: Upon receiving user input, a network call is made to OpenAI’s API.
2. Story Generation: The API response includes a detailed bedtime story text and an accompanying image generated using the DALL-E model.
3. Data Persistence: The story is saved using CoreData and the image is stored in the Documents Directory.
4. Stories Management: Users can view, favorite, or delete their stories as needed.
Participants of the moderated usability studies mentioned that the app was easy to use and that they see themselves using an app like this in their everyday life.
In this project, I strengthen my knowledge of the UX design process and Figma. HealthyMeals presented a grade of complexity because the problem varied slightly depending on the health status, lifestyle, and family situation of the users. My goal was to cover the most common scenarios and try to create an app that applied to most users.