Good Food - saving food waste!
Played a key role in redesigning the app for end users tackled navigation structure and Information architecture, of items, menu, and the app sitemap, and improved product listings and checkout process of ordering from different locations at the same time! during this overview, you will explore on the following page a way to solve those challenges. Senior product designer Competitor research and trends Business, engineers
Senior product designer
Competitor research and trends
SEO, Growth, Engineering
Mobile App / Android OS
Good Food - saving food waste!
Played a key role in redesigning the app for end users tackled navigation structure and Information architecture, of items, menu, and the app sitemap, and improved product listings and checkout process of ordering from different locations at the same time! during this overview, you will explore on the following page a way to solve those challenges. Senior product designer Competitor research and trends Business, engineers
Senior product designer
Competitor research and trends
SEO, Growth, Engineering
Mobile App / Android OS
Good Food - saving food waste!
Played a key role in redesigning the app for end users tackled navigation structure and Information architecture, of items, menu, and the app sitemap, and improved product listings and checkout process of ordering from different locations at the same time! during this overview, you will explore on the following page a way to solve those challenges. Senior product designer Competitor research and trends Business, engineers
Senior product designer
Competitor research and trends
SEO, Growth, Engineering
Mobile App / Android OS
Intro
Background
Good Food company operating from Egypt takes care of the leftover food in whole or meals from restaurants, and supermarkets and offers it back to users at a discounted price instead of letting them go to waste, The app needed a redesign to be able to accommodate a good experience as well the purpose of it and I was hired to take upon the challenge.
Intro
Background
Good Food company operating from Egypt takes care of the leftover food in whole or meals from restaurants, and supermarkets and offers it back to users at a discounted price instead of letting them go to waste, The app needed a redesign to be able to accommodate a good experience as well the purpose of it and I was hired to take upon the challenge.
Intro
Background
Good Food company operating from Egypt takes care of the leftover food in whole or meals from restaurants, and supermarkets and offers it back to users at a discounted price instead of letting them go to waste, The app needed a redesign to be able to accommodate a good experience as well the purpose of it and I was hired to take upon the challenge.
Discovery
Design Process
Keeping stakeholders in sync in weekly remote meetings was vital:
To keep everyone synced, I created an online board to get comments during the week on discoveries and sharing with them, and keep the feedback loop fast and intuitive.
To get a better understanding of the direction they are looking for in the UI elements and how the transitions between screens would take place make sure to be aligned with the developers.
Discovery
Design Process
Keeping stakeholders in sync in weekly remote meetings was vital:
To keep everyone synced, I created an online board to get comments during the week on discoveries and sharing with them, and keep the feedback loop fast and intuitive.
To get a better understanding of the direction they are looking for in the UI elements and how the transitions between screens would take place make sure to be aligned with the developers.
Discovery
Design Process
Keeping stakeholders in sync in weekly remote meetings was vital:
To keep everyone synced, I created an online board to get comments during the week on discoveries and sharing with them, and keep the feedback loop fast and intuitive.
To get a better understanding of the direction they are looking for in the UI elements and how the transitions between screens would take place make sure to be aligned with the developers.
Keeping stakeholders in sync in weekly remote meetings was vital:
To keep everyone synced, I created an online board to get comments during the week on discoveries and sharing with them, and keep the feedback loop fast and intuitive.
To get a better understanding of the direction they are looking for in the UI elements and how the transitions between screens would take place make sure to be aligned with the developers.
Keeping stakeholders in sync in weekly remote meetings was vital:
To keep everyone synced, I created an online board to get comments during the week on discoveries and sharing with them, and keep the feedback loop fast and intuitive.
To get a better understanding of the direction they are looking for in the UI elements and how the transitions between screens would take place make sure to be aligned with the developers.
Keeping stakeholders in sync in weekly remote meetings was vital:
To keep everyone synced, I created an online board to get comments during the week on discoveries and sharing with them, and keep the feedback loop fast and intuitive.
To get a better understanding of the direction they are looking for in the UI elements and how the transitions between screens would take place make sure to be aligned with the developers.
Discovery
Moodboards
Mood-board was an exciting activity conducted over the course of two days, to identify:
Discovery of competitors’ experiences and learn more about how they are trying to solve the problem of food delivery.
Design patterns to measure and understand where the market is going.
Gaining more insights into how to improve what we have now for GoodFood
Discovery
Moodboards
Mood-board was an exciting activity conducted over the course of two days, to identify:
Discovery of competitors’ experiences and learn more about how they are trying to solve the problem of food delivery.
Design patterns to measure and understand where the market is going.
Gaining more insights into how to improve what we have now for GoodFood
Discovery
Moodboards
Mood-board was an exciting activity conducted over the course of two days, to identify:
Discovery of competitors’ experiences and learn more about how they are trying to solve the problem of food delivery.
Design patterns to measure and understand where the market is going.
Gaining more insights into how to improve what we have now for GoodFood
Discovery
Components
Discovery
Components
Discovery
Components
Navigation
Navigation
Navigation
The Previous app navigation structure was under a menu sidebar however based on the common patterns we wanted to bring top-level menu items forward such as Discover, Buy Again, Cart with amount visible, and a menu drawer to access the remaining views.
Products Listings
Products Listings
Products Listings
Allow small devices to easily display multiple products, provide larger image previews, and accommodate longer product names. The interface would facilitate swift additions and removals of items, while discounts and highlights to be more prominent for better visibility.
Orders
Orders
Orders
We hypothesize that updating users from the home screen, offering quick access to detailed orders will streamline user tasks, encouraging engagement and By infusing the app with personalized, fun artwork, we anticipate fostering a deeper user connection, enhancing their experience, and promoting authenticity.
Categories and products
Categories and products
Categories and products
In redesigning the products and categories interface, we posit that by enabling users to seamlessly navigate between main and subcategories from the home page, engagement will be enhanced. Our component behavior would introduce a tabbed design for all main categories, emphasizing key "GoodFood" selections, with identifiable presentation icons for subcategories. We anticipate that this familiar navigation pattern will simplify the user experience, quick scanning of subcategories will amplify cross-category purchases, and maintaining a singular view, as opposed to toggling between screens, will expedite and streamline user interactions.
Information Information
Site map
In recognizing the need for enhanced navigation, our team unanimously decided to overhaul the app's sitemap. Our focus pivoted on optimizing the user journey in several key areas:
Streamlined product discovery.
Encouraging repeat purchases of previously bought items such as food from supermarkets.
Facilitating easier access to the cart.
Consolidating other menu items under a recognizable menu drawer that users would recall when they need it.
Prioritizing these elements in top-tier navigation touchpoints.
Information Information
Site map
In recognizing the need for enhanced navigation, our team unanimously decided to overhaul the app's sitemap. Our focus pivoted on optimizing the user journey in several key areas:
Streamlined product discovery.
Encouraging repeat purchases of previously bought items such as food from supermarkets.
Facilitating easier access to the cart.
Consolidating other menu items under a recognizable menu drawer that users would recall when they need it.
Prioritizing these elements in top-tier navigation touchpoints.
Information Information
Site map
In recognizing the need for enhanced navigation, our team unanimously decided to overhaul the app's sitemap. Our focus pivoted on optimizing the user journey in several key areas:
Streamlined product discovery.
Encouraging repeat purchases of previously bought items such as food from supermarkets.
Facilitating easier access to the cart.
Consolidating other menu items under a recognizable menu drawer that users would recall when they need it.
Prioritizing these elements in top-tier navigation touchpoints.
Discovery
Wireframes
With the new sitemap as our foundation and a unified objective of enhancing discovery, collaborative workshops with stakeholders proved invaluable. Guided by this shared vision, I developed wireframes that delved into diverse layouts and concepts. Ultimately, we converged on a design that seamlessly realized our collective aspiration.
Discovery
Wireframes
With the new sitemap as our foundation and a unified objective of enhancing discovery, collaborative workshops with stakeholders proved invaluable. Guided by this shared vision, I developed wireframes that delved into diverse layouts and concepts. Ultimately, we converged on a design that seamlessly realized our collective aspiration.
Discovery
Wireframes
With the new sitemap as our foundation and a unified objective of enhancing discovery, collaborative workshops with stakeholders proved invaluable. Guided by this shared vision, I developed wireframes that delved into diverse layouts and concepts. Ultimately, we converged on a design that seamlessly realized our collective aspiration.
From wireframes to high-fidelity designs, I meticulously maintained consistency across all app screens by a crafted prototype of the design system library for the app, building on that foundation, seamlessly integrating it as a pivotal element to design the app screens, the following image showcases an overview of how it was transformed.
From wireframes to high-fidelity designs, I meticulously maintained consistency across all app screens by a crafted prototype of the design system library for the app, building on that foundation, seamlessly integrating it as a pivotal element to design the app screens, the following image showcases an overview of how it was transformed.
From wireframes to high-fidelity designs, I meticulously maintained consistency across all app screens by a crafted prototype of the design system library for the app, building on that foundation, seamlessly integrating it as a pivotal element to design the app screens, the following image showcases an overview of how it was transformed.
Prototype
The design process went through multiple iterations and a feedback cycle and the following design represents the outcome of those activities.
Prototype
The design process went through multiple iterations and a feedback cycle and the following design represents the outcome of those activities.
Prototype
The design process went through multiple iterations and a feedback cycle and the following design represents the outcome of those activities.
