Chen Givaty Portfolio

CHENGIVATY

Work

My story

Hit me DJ

CASIA - Cooking Assistant AI

Preparing and cooking a meal has never been easier

A young start-up that helps cooking enthusiasts plan & cook meals by using AI

Role - UX/UI designer

Mobile app

Introduction

Imagine hosting your family for a holiday dinner. In my family, there are vegans, carnivores, children, those on the paleo diet, those who shouldn't have too much salt, those who love eggplants, and those who don't like eggplants. You need to know how to prepare a meal with dishes that will suit everyone.

THE PROBLEM STATEMENT

Preparing & cooking a meal is a complex task

Why is it complex?

Complexity

A meal has many ingredients, and its preparation requires different techniques

and abilities.

A meal has many ingredients, and its preparation requires different techniques and abilities.

Knowledge gaps

Individuals who lack cooking knowledge may face challenges such as insecurity, fear of making mistakes, and a lack of understanding of basic concepts including cutting, seasoning,

and cooking times.

Different kitchen & tools

Everyone has a different kitchen with different utensils. As a result, the dishes do not always turn out as described in the recipe.

IMPLICATIONS

The food they make doesn't come out as good as in the recipes

The food they make doesn't come out as good as in

the recipes

They avoid preparing a meal

and hospitality

They get stressed and suffer from the process of preparing a meal

Market research

The research included experience with products

of direct competitors and other relevant categories.

The research included experience with products of direct competitors and other relevant categories.

Food recipe interfaces

AI apps

Interfaces that take the user through

a step-by-step process

Interfaces that take the user through a step-by-step process

MARKET RESEARCH INSIGHTS

How do competitors prevent churn?

Postponing customization from the initial stage to the later stage is important because it can be tiring and full of details.

By using voice commands, the user can act more intuitively and quickly, as well as increase accessibility

To facilitate the process, it is important to reduce the number of choices and divide them into stages. Using visual elements increases scans and reduces cognitive load.

Information around times, types of dishes, temperatures, quantities, nutritional values, difficulty levels, their contents and possible substitutes.

Ability to see reviews and user rankings.

Adjustment according to criteria of allergies, diets, number of diners, kashrut, level of difficulty, budget, ingredients you want to avoid, etc.

USER RESEARCH

I tested people with varying cooking levels

When it comes to baking quantities or things I'm not used to, I look for help

Chen Levinstein

Chef

I would love to get suggestions for high quality meat/dairy alternatives when I host vegetarians or vegans

I would love to get suggestions for high quality meat/dairy alternatives when I host vegetarians or

vegans

I would love to get suggestions for high quality meat/dairy alternatives when I host vegetarians or

vegans

Thomas Ben-Tov

Proficient

If I don't prepare something from my regular dishes, I need to use recipes

Avishag Kahalani

Amateur

USER RESEARCH INSIGHTS

What really matters to the users

Information around times, types of dishes, temperatures, quantities, nutritional values, difficulty levels, their contents and possible substitutes.

Ability to see reviews and user rankings.

Adjustment according to criteria of allergies, diets, number of diners, kashrut, level of difficulty, budget, ingredients you want to avoid, etc.

Information around times, types of dishes, temperatures, quantities, nutritional values, difficulty levels, their contents and

possible substitutes.

Ability to see reviews and user rankings.

Adjustment according to criteria of allergies, diets, number of diners, kashrut, level of difficulty, budget, ingredients you want to avoid, etc.

THE SOLUTION

AI-based NUI interface, which accompanies the user step-by-step throughout the meal preparation

information architecture

Building the roots

Based on the insights gained from the research, I defined the architecture of the app.

This step helps me to validate my solution before jumping to visual wireframes.

Based on the insights gained from the research, I defined the architecture of the app. This step helps me to validate my solution before jumping to visual wireframes.

Introduction

Home page

Shopping list

Explore

History

Favorits

My Fridge

Learn

Customization

Meal page

Overview

Step-by-step

Full-view

Cook together

Split

View steps

Ingredients

Profile

Onboarding

Customization

overview

Step-by-step

Quick & short welcoming

A short registration process in addition to emphasizing the main value - planning a meal tailored specifically for the user and accompanying them at all stages of preparation.

Onboarding

Customization

overview

Step-by-step

Quick & short welcoming

A short registration process in addition to emphasizing the main value - planning a meal tailored specifically for the user and accompanying them at all stages of preparation.

Final design

Style guide

Colours

I chose shades of espresso cream, navy blue and dark glass colors

to give the interface an elegant look that connects to its world of content.

Navy blue - Buttons & background

#0F1C26

Espressp cream - Text

#EDEAE0

Glass - cards & buttons

#0F1C26

Typography

Elegant typography and readability to give a sense of professionalism and reliability

Lora

Bold

Used for headers & sub-headers

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp

Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

1234567890,.!?

Nunito

Regular, medium & bold

Used for body text & buttons

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp

Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

1234567890,.!?

Icons

Slim and elegant icons that range from sharp to rounded

Midjourney

Building the language

With the help of Midjourney, I created images that look real and evoke an appetite. I distinguished between images that encourage the user to take action and images that aim to illustrate the product in the best possible way.

Meals

Each image has a different purpose. To show the meals that the user has to choose from, I created images from a bird's-eye-view that can accommodate a large number of dishes.

Birds-eye-view

Studio light

shot by Sony Alpha A7 III camera

Side shot

Dishes

I presented single-dish images at a 45-degree angle to give a clearer idea of what the dishes are (if, for example, we offer a beverage from a birds-eye-view, we may be unable to tell what it is).

/imagin

a Greek salad falling into a ball, with veg around it, studio light, levitation photography, shot by Sony Alpha A7 III camera

Call-to-action

In the images intended to motivate action on the homepage, I added a touch of drama and humor by dropping the dish from the air.

Next project

Hospikol

View case study

+972544644915

chengivaty@gmail.com

Chen Givaty

CHENGIVATY