Marlon
Pavanello

eatfly

Making the average shop easier and quicker

ui/ux
product
branding
2017
Tools used
Figma
Figma
Adobe Photoshop
Photoshop
Adobe Illustrator
Illustrator

Oveview

Eatfly is an app that streamlines the entire shopping experience, making it faster, easier, and more enjoyable for users to find recipes and buy ingredients. It is divided into three sections: a social side where users can share and interact with recipes, maintain profiles, and collect recipes; a shopping list that can be manually added to or automatically populated from recipes on the feed; and a buying process that allows users to purchase directly through the app or select a local store, which then provides the quickest route to each item.

Role & Process

For the Eatfly app, my role encompassed developing the brand and designing the user interface. I created both low-fidelity and high-fidelity designs, ensuring a seamless and intuitive user experience. My process involved crafting a distinct brand identity that resonated with the target audience, including logo design, colour schemes, and typography. This branding informed the initial wireframes, which were iteratively refined into detailed, high-fidelity prototypes. Through careful attention to visual and interaction design, I ensured that the final product was both functional and aesthetically pleasing, effectively enhancing the overall shopping experience.

Project Goals

1. Enhance User Experience: Create a seamless, intuitive interface that simplifies the process of finding recipes and purchasing ingredients, making the overall shopping experience faster, easier, and more enjoyable for users.

2. Develop a Strong Brand Identity: Establish a distinct and appealing brand that resonates with the target audience, incorporating cohesive elements such as logo design, colour schemes, and typography to create a memorable and engaging user experience

3. Integrate Social and Shopping Features: Combine social interaction with practical shopping tools, allowing users to share and interact with recipes, maintain personalised profiles and collections, and efficiently manage shopping lists and purchases within a single app.

Competitive Analysis

Examining some of the most popular recipe and grocery shopping apps currently available, I found that while many offer a range of recipes and shopping list functionalities, they often lack integration and personalised user experiences. At the time, none of the products provided a seamless journey from discovering a recipe to purchasing the ingredients with in-store navigation. Additionally, most shopping apps focused on either recipe discovery (what should I cook?) or list management (what do I need to buy?), but few combined social engagement with efficient shopping processes. There weren't any solutions that effectively integrated social sharing, automatic list generation from recipes, and optimised store navigation.

Information Architecture

The MVP of the app is based around 4 parts; Social, Shopping List, Shopping/ scanning items and Store Directions. Each section is easily accessible from anywhere on the app, allowing users to smoothly navigate between them.

User Flows

I outlined New User and Current User Flows, along with various task flows within each, to identify gaps in the user experience. By mapping out these flows, I could pinpoint areas where users might encounter difficulties or inefficiencies.

Low Fidelity Mockups

I developed digital wireframes to visualise the app's structure and user flow. These initial sketches helped experiment with layouts and interactions, ensuring a logical and intuitive design. Serving as a blueprint, the wireframes guided the subsequent design and development stages, addressing potential issues early on to create a seamless user experience.

Branding

The branding section focuses on creating a cohesive and appealing identity for the app. This includes designing the logo, selecting a color scheme, and choosing typography that resonates with the target audience. The goal is to establish a strong, memorable brand that reflects the app’s values and enhances user engagement. Effective branding ensures consistency across all touchpoints, creating a unified and professional look and feel for the app.

Barcode Scanner

The barcode scanner feature allows users to quickly add items to their shopping list by scanning product barcodes. This provides instant access to product details and ensures that users can efficiently manage their shopping needs, whether they are at home or in-store. The barcode scanner enhances the app’s convenience, making the shopping process faster and more streamlined.

Shopping List

The shopping list feature enables users to easily manage their grocery needs. Items can be manually added or automatically populated from chosen recipes, ensuring all ingredients are accounted for. This organized list simplifies tracking and purchasing, making the shopping experience efficient and streamlined.

Explore and Share Recipes

The social feature of the app allows users to share and interact with recipes on a feed, maintain personal profiles, and create collections of their favorite recipes. This fosters a community of food enthusiasts, enabling users to discover new recipes, follow others, and exchange cooking tips, enhancing the overall user experience with a sense of connection and inspiration.

Store Directions

The store directions feature provides users with the quickest route to each item in their selected local store. By mapping out an efficient path through the aisles, it saves time and simplifies the shopping experience, ensuring users can complete their trips quickly and effortlessly.