Healthkid Mobile App Design

Having a child can completely change your life, especially for a busy parent! Coming home and cooking after a long day at work can become quite challenging, especially when your child has dietary restrictions. Having a good experience for both parents and the child in when introducing healthy food involves various aspects that need to be considered. Questions like whether or not you're able to find the ingredients you need, grocery shopping within time constraints and busy schedules often arise. Especially while parents already have so much on their plates.

Having a child can completely change your life, especially for a busy parent! Coming home and cooking after a long day at work can become quite challenging, especially when your child has dietary restrictions. Having a good experience for both parents and the child in when introducing healthy food involves various aspects that need to be considered. Questions like whether or not you're able to find the ingredients you need, grocery shopping within time constraints and busy schedules often arise. Especially while parents already have so much on their plates.

HealthKid Mobile App

HealthKid Mobile App

Remote

Duration

Duration

10 weeks

Tools

Tools

Figma, Photoshop, Adobe CC

Team

Team

Self Project

Challenge

Parents face a variety of challenges when trying to introduce healthy eating habits to their children. It is not uncommon for a parent to be overwhelmed when it comes to their children’s diet and health. Many parents face difficulties setting a routine on top of time constraints and maintaining a budget. This outcome suggests that parents have a problem with engaging their children and trying to make them understand the importance of having a healthy diet while being inexpensive and time sensitive. 

Results

I designed an app that features a fun interface to entice children and making it easier for parents to navigate and have immediate access to essential features with their busy schedules.

In addition, I have included personalization and customization options for an easy check out process for users custom tailored meals with dietary restrictions.

87%

Parents with time constraints due to career changes

66%

Parents that attempt to include little ones in the kitchen

33%

Parents of children with dietary restrictions

Process

Research & Analysis: I conducted user interviews, surveys, and defined our target audience. I searched for participants under the ages of 35 seeking career changes or career driven participants. I had 23 participants and also included 6 children as a secondary audience.


Information Architecture: to determine my information architecture questions about their experiences during dinner time and likes/dislikes of previous experiences led me on how to structure the app's navigation and content, prioritizing features and information according to user needs, an example of this was to include dietary restrictions and categorizing for my users.


Wireframing & Prototyping: I designed low-fidelity wireframes to visualize the new layout and navigation, iteratively refining them based on user feedback. I failed to accurately guide users during the "check out " section of the app. I was prompting users to pick their food preferences before setting up their meal kits! This mistake was caught in my wireframing stage because I conducted a usability test with wireframes with fellow students. The solution I found was to switch screens and streamline the checkout process.

Usability Testing: I chose a diverse group of users to validate the solution. My fellow classmates from different backgrounds helped me validate the choices I made during prototyping. By switching screens, I helped participants progress through the tasks, testing this solution accurately assessed how well users navigate and successfully check out. It was a success!


Visual Design & Style Guide: I designed an app that features a fun interface to entice children and making it easier for parents to navigate. I thought of the connection with the child. A child glancing at their parents' phone making a positive connection was my goal. I included fun characters and confetti.


Mapping ideas

Mapping ideas

Affinity Map: I grouped related items together during affinity mapping helps me identify patterns and connections that a parent experiences. This can lead to valuable insights and a deeper understanding of the problem. After grouping items, I can prioritize and measure each group them based on relevance, importance, or impact. This facilitates decision-making by highlighting the most significant categories and apply it to my design.


Grouping included these subjects:

Personal Value

Customization

Flexibility

Scheduling

Wireframes: Usability testing on wireframes was a valuable step for me in my design process to gather early feedback and refine the user interface before investing significant imagery or graphics in development. I discovered that switching screens would improve the user flow. Testing on a wireframe was a great iterative process helped me ensure that the wireframe's design aligns with user expectations, minimizes usability issues, and sets a strong foundation for my final design.

Empathy Map: Using an empathy map to gain deeper insights into the thoughts, feelings, and behaviors of parents caring for children's diets, I can create a more user-centered and effective kids' diet app that addresses the unique needs and challenges of its users. The empathy map reveals that parents are concerned about their child's diet, indicating a need for guidance and support in making healthy choices. Creating an empathy map also helped me acknowledge the parents emotional state.

Site Map: This empathy map informed my site map. After taking the parents emotional state, and with a clearer understanding of user needs and tasks, I can determine which content or features are most relevant and important to users. This information informs the content hierarchy in your sitemap. empathy mapping enriches the user-centered design process by providing insights into user behaviors, needs, and preferences. While empathy mapping doesn't directly create a sitemap, the information gathered in my research significantly inform the sitemap's structure and content organization.

Site Map: After taking the parents emotional state, and with a clearer understanding of user needs and tasks, I can determine which content or features are most relevant and important to users. This information informs the content hierarchy in your sitemap. empathy mapping enriches the user-centered design process by providing insights into user behaviors, needs, and preferences. While empathy mapping doesn't directly create a sitemap, the information gathered in my research significantly inform the sitemap's structure and content organization.

Usability testing with wireframes

Mapping ideas

Usability testing with wireframes

Usability testing on wireframes was a valuable step for me in my design process to gather early feedback and refine the user interface before investing significant imagery or graphics in development. I discovered that switching screens would improve the user flow. Testing on a wireframe was a great iterative process helped me ensure that the wireframe's design aligns with user expectations, minimizes usability issues, and sets a strong foundation for my final design.

Design and style


Design and Style

Design Guide: My goal was to create cute and relatable characters that represent various food items like fruits and veggies. These characters can have personalities and stories that make them interesting to kids. Using fun typography and vibrant and playful colors, animations, and graphics to make the app visually appealing and fun. I wanted to use children as a secondary audience so that they make a positive connection with parents, children and the app's relationship.

Final Design



Final Prototype

By designing a fun and interactive app for a kids' lunch delivery service, you can engage children's imaginations, make healthy eating enjoyable, and provide parents with valuable tools for promoting nutritious choices. The combination of playful visuals, gamification elements, educational content, and parental benefits can create a holistic and appealing experience that encourages kids to develop healthy eating habits from an early age.


Conclusion

My journey with the Healthkid App is not over. I plan on updating my screens for a more dynamic look and refine the product visually. I'd like to make characters animated and focus on measuring parents time constraints during check out. Overall, this was a fun app to create, this project pushed my creative limits to the sky. I hope to continue perfecting this app.


Old Screen

New Screen

New Screen

Design and style

Design Guide: My goal was to create cute and relatable characters that represent various food items like fruits and veggies. These characters can have personalities and stories that make them interesting to kids. Using fun typography and vibrant and playful colors, animations, and graphics to make the app visually appealing and fun. I wanted to use children as a secondary audience so that they make a positive connection with parents, children and the app's relationship.


My goal was to create cute and relatable characters that represent various food items like fruits and veggies. These characters can have personalities and stories that make them interesting to kids. Using fun typography and vibrant and playful colors, animations, and graphics to make the app visually appealing and fun. I wanted to use children as a secondary audience so that they make a positive connection with parents, children and the app's relationship.


Final Prototype

By designing a fun and interactive app for a kids' lunch delivery service, you can engage children's imaginations, make healthy eating enjoyable, and provide parents with valuable tools for promoting nutritious choices. The combination of playful visuals, gamification elements, educational content, and parental benefits can create a holistic and appealing experience that encourages kids to develop healthy eating habits from an early age.





Conclusion

My journey with the Healthkid App is not over. I plan on updating my screens for a more dynamic look and refine the product visually. I'd like to make characters animated and focus on measuring parents time constraints during check out. Overall, this was a fun app to create, this project pushed my creative limits to the sky. I hope to continue perfecting this app.

My journey with the Healthkid App is not over. I plan on updating my screens for a more dynamic look and refine the product visually. I'd like to make characters animated and focus on measuring parents time constraints during check out. Overall, this was a fun app to create, this project pushed my creative limits to the sky. I hope to continue perfecting this app.




Old Screen

New Screen

I'm looking foward to making updates in UI and change the visual design of user interface elements to enhance aesthetics, usability and include other visual elements

Final Prototype

By designing a fun and interactive app for a kids' lunch delivery service, you can engage children's imaginations, make healthy eating enjoyable, and provide parents with valuable tools for promoting nutritious choices. The combination of playful visuals, gamification elements, educational content, and parental benefits can create a holistic and appealing experience that encourages kids to develop healthy eating habits from an early age.


Old Screen

I'm looking foward to making updates in UI and change the visual design of user interface elements to enhance aesthetics, usability and include other visual elements

Old Screen

New Screen

I'm looking foward to making updates in UI and change the visual design of user interface elements to enhance aesthetics, usability and include other visual elements

Wanna know more about me?

Let's chat about the future of UX!

Email: Rosieandjc@outlook.com

Wanna know more about me?

Let's chat about the future of UX!

Email: Rosieandjc@outlook.com