These days, there is a big push for eating healthier and exercising. Eating healthy can be difficult if you do not have the resources to help you make better meal choices. Below is an interactive infographics that explains 3 major nutrition groups and gives options to help with meal prepping.

I've chosen a neutral color palette for the background in order to minimize the clutter that may be created with the images of food and a brighter background color palette. I want to make the infographic seem 3-dimensional, so I used a gradient background and shadows in the title to create levels to the infographic. I also included a boarder to set limits to the edge of the learning tool. Subliminally, the learner knows that all the information in confined to the 4 boarders of the infographic and they would not be encourages to wander away from the infographic until they have acquired all of the information they need. I used white boxes to give a large amount of contrast between the background and the parts of the infographic that provide information. I've chosen to create an infographic with pop-up screens because it is important to use technology to control the amount of information presented to the learner. From the posted below, all the main information in the infographic is displayed, including the 3 nutrient groups and sample foods for each group. The popup displays more information according to the learners level of interest.

This displays the popup that can be viewed when the mouse is hovering over the protein group. This includes a brief explanation of the nutrient and why it is important to consume.

This displays the popup that can be viewed when the mouse is hovering over the plate under the protein group. This popup shows possible food choices for this nutrient group.

This displays the popup that can be viewed when the mouse is hovering over the fats group. This includes a brief explanation of the nutrient and why it is important to consume.

This displays the popup that can be viewed when the mouse is hovering over the plate under the fats group. This popup shows possible food choices for this nutrient group.

This displays the popup that can be viewed when the mouse is hovering over the carbohydrates group. This includes a brief explanation of the nutrient and why it is important to consume.

This displays the popup that can be viewed when the mouse is hovering over the plate under the carbohydrate group. This popup shows possible food choices for this nutrient group.

This is a sketch that was created during the planning phase of this project. I planned the positioning for each element in the infographic, the design elements and the content that will be in each section of the infographic.