Mobile Apps

iOS Recipes App

One liner for project goes here and should be like this

😬 The Challenge

A Personal Fitness Trainer wanted to create an easy way to share meal plans with his clients.

Goal is to have a mobile App that will be easy to use for all genders and age groups.

User should be able to explore Categories and the Recipes in it.

User should be able to add own recipe to personal collection that will not be shared with other users.

User's recipe will be added in the related category.

⭐️ The Solution

Per our research, we came up with the idea to get rid of navigation menu and to use cards to indicate Categories and Listed Recipes.

Top cards are for categories and the bottom cards are listed recipes in the category.

This approach was a little bit unusual, but our testing results were pointing in this direction, since the meal plans are fixed and rarely changed.

User have an option to add personal recipe by pressing the top right "+" icon.

UX Personas

Main two types of users are persons who are paying for personal trainer services to:

- Lose Weight

- Get in Shape

Gender ratio is more in the favour of female users. Based on our Research, 78% of users are Females, 20% users are Males, and 2% of users are declared as a Gender Neutral.

A guy in a hat with sunglasses

Tom Jameson

30 years old
Art Student

Primary:

Emplyees in public Universities who are not too tech-savvy. The University are accomodating lorem ipsum sit dolor amet
lorem ipsum sit dolor amet

Needs:

Lorem ipsum sit dolor amet
Lorem ipsum sit dolor amet lorem ipsum sit dolor amet
lorem ipsum sit dolor amet
Lorem ipsum sit dolor amet

Pain Points:

Lorem ipsum sit dolor amet
Lorem ipsum sit dolor amet lorem ipsum sit dolor amet
lorem ipsum sit dolor amet
Lorem ipsum sit dolor amet
A portrait of a ginger girl with a bob haircut.

Martina Potter

28 years old
Art Student

Primary:

Emplyees in public Universities who are not too tech-savvy. The University are accomodating lorem ipsum sit dolor amet
lorem ipsum sit dolor amet

Needs:

Lorem ipsum sit dolor amet
Lorem ipsum sit dolor amet lorem ipsum sit dolor amet
lorem ipsum sit dolor amet
Lorem ipsum sit dolor amet

Pain Points:

Lorem ipsum sit dolor amet
Lorem ipsum sit dolor amet lorem ipsum sit dolor amet
lorem ipsum sit dolor amet
Lorem ipsum sit dolor amet

user flow

An image of a workflow.

wireframes

ui design

If you’ve spent any time around entrepreneurs, you’ll know that ideas are worth (almost) nothing.

It’s really rare that someone is going to steal your business idea, and even if they did, who’s to say they’d execute on it better than you?

If you’ve spent any time around entrepreneurs, you’ll know that ideas are worth (almost) nothing.

It’s really rare that someone is going to steal your business idea, and even if they did, who’s to say they’d execute on it better than you?
If you’ve spent any time around entrepreneurs, you’ll know that ideas are worth (almost) nothing.

It’s really rare that someone is going to steal your business idea, and even if they did, who’s to say they’d execute on it better than you?

styleguide

Designer Notes:

If you’ve spent any time around entrepreneurs, you’ll know that ideas are worth (almost) nothing.

It’s really rare that someone is going to steal your business idea, and even if they did, who’s to say they’d execute on it better than you?

If you’ve spent any time around entrepreneurs, you’ll know that ideas are worth (almost) nothing.

Colors:

#312123
#312123
#312123
#312123
#312123
#312123

Typography:

Source Sans Pro

ag
These letters are more differentiated from each other, so they will be easier to read at small sizes.

Mulish

ag
These letters are less differentiated from each other, so they will be harder to read at small sizes.