App "Little Cook" and a responsive website

Project overview

The problem

Kids and Teens need/want to cook by themselves and eat healthier. They sometimes don't get the help from their parents or care takers.

The goal

My goal was to show kids and teens that it can be fun to cook for yourself (or with others) and eat healthier, when their social environment doesn't provide this.

My role

My role was an UX designer leading the app and responsive website design from conception to delivery.

Responsibilities

Conducting user research, digital wireframing, low and high-fidelity prototyping, conducting usabilty studies, accounting for accessibility,determining information structure and responsive design.

Understanding the user

User Research

A primary user group identified through research were kids who either need to eat healthy or want to eat healthy. Furthermore, they want to learn to cook by themselves.

Another primary user group identified through research were teens who want to eat healthier and get information on that and where to get the best ingredients.

User pain points

Expensive hobby

Cooking can be expensive.

Attention

Kids need short texts and images or videos to understand everything quickly.

Starting the design (using Figma)

Digital wireframes (App)

Clarity

Based on the insights from the usabilty studies, I applied the changes like showing one large image with title, instead of the video option. This should be clearer and easier to understand.

Options

Additional changes included a clearer select option as it could be confusing elsewise.

Final mockups

High-fidelity prototype (feel free to try it out)

Try it out!

Accessibility considerations

Easy regocnizable icons.

High contrast colors are used to make it easier to differantiate elements and text.

Clear labels for elements that can be read by screen readers.

Responsive Design

Sitemap

I tried to keep the information short but essential that's why there's not so many options.

Responsive designs

Mobile

Tablet

Desktop

Next Steps

1.

Conduct research on how succesfull the app is in reaching the goal to help kids learn to cook.

2.

Add more information about healthy ingredients and where to get them.

3.

Add rewards for sucessfully completing cooking classes.

Takeaways

Impact

This tool can help kids and teens to have fun cooking by themselves and wanting to learn more about why eating healthy is important.

What I learned

It was a different approach when designing the app first and then a responsive website which needs to fit the theme. I learned that it's neccessary to keep the design consistent, even though these represent different informations.