Zdrowe Zakupy - Ingredient card

New ingredient card

TIMELINE

March 2022 - May 2022

TEAM

Product Designer + Product Owner, Backend, iOS, Android Developers, Front-end Developer, Scrum Master

TOOLS

Figma, Protopie, Blender

PlaTFORM

WebView (React)

We are educating people about healthy habits and how to choose products more wisely for your health. To become more complex, we tried to improve the ingredient card, making it more comprehensive and professional.

Context

Our users are often people who want to learn how to eat healthier. For them, the ingredients lists are a lot of incomprehensible information. Names encoded under "E ..." often hide different bad or good properties. To make it easier for users to identify ingredients, we want to improve our ingredient card - which can be found in search or by clicking on the name in the product composition.

What should an ideal INGREDIENT card contain?

We got some feedback from our users about the ingredient card, mostly saying they would like to read more about all the ingredients. Having the knowledge about our users from different surveys, we decided to create the concept of the "Ideal Card":

Previous Card VS Concept of new card

🌠 Previous card vs future card concept (Figjam)

1. Name of ingredient

2. Harmfulness

2. Symbol

2. Function / Category

3. Preferences: Children safe, Pregnancy, Vegan, Vegetarian, Diabetes safe

4. Health influence

5. Where I can find this?

6. Popular products with this ingredient

7. Healthier alternatives

4. Resources

‍

‍

NEW CARD on scroll

1. General info, description

2. Impact on health, where to find

3. Alternatives and popular products

4. Resources

‍

Solution

⚡️ Capiton: Image

We've combined crucial information about the ingredient and combined it to accessible formula.

Whole flow