Recipe Collections for Lista

Lista Recipe Collections offers users the ability to create a collection of recipes around a topic. We created recipe collections with the idea of improving the organization of the recipes users collect and store in their Lista accounts.

 

 

The ability to create a collection is accessible from the upper toolbar that is present everywhere in the application.

sample_lista_collections_01

By default the application looks for recipes that are a close match to the topic the user has chosen to organize their collection by. This topic is taken from the collection’s title.

As users select recipes, these are marked and counted at the top of the screen.

sample_lista_collections_02

 

Users can filter by “related recipes” and recipes on their account. Additionally users can enter a query to further refine their search.

sample_lista_collections_03

 

On the “view” mode of a collection, users can change the name of it, add a description, access the recipes in the collection, and share.

sample_lista_collections_04

 

Previewing a collection shows the latest 4 recipes added in the collection, the title of the collection and the amount recipes that are part of it.

sample_lista_collections_05

 

Every feature in Lista is designed with mobile in mind. In this case, users can not only access collections in mobile devices, they can also create them.

 

sample_lista_collections_06

 

Project Info

  • My role was to design the UI, UX, and iconography. I was also in charge of coding the HTML and CSS.
  • Created while working at Lista company which I Co-Founded.