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.


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.



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



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.



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.



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.




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.