Foodgram

Foodgram was originally designed to allow you solve the age-old problem on iOS: photos of my food are getting mixed in with photos of my family. The basic idea in v1, besides being used as a means to get back up to speed with iOS development, was the give you a place to store and view your Foodporn.

The second release refined the design and changed the idea: track your food intake with photos. The main premise being that what gets tracked gets monitored. So if you're taking photos of everything that goes into your mouth, you'll be less likely to go for that midnight slice of pizza.

The two versions of Foodgram were really 2 different applications that just shared a name. Either way, let's dive into their history and considerations made during its design.

Foodgram

Empty State

When you didn't have any photos we wanted to make it getting started a single tap. As touch interfaces are fairly poor at discoverability, we also doubled included tips for how to use the app.

The Main View

The main interface was list of all of your photos sized at 1/3 of the height of your screen. Scrolling through your history was quick and you could view any photo full screen by tapping on it.

Share

99% of the time we take photos of food we're going to share it on social media. This is especially true for Foodporn. Rather than clutter the interface with share buttons, we decided to hide it behind a swipe.

Swiping on a photo would show two buttons: share and a more options. The only other option was to delete the photo.

Photo Food Diary - Foodgram