Case study: Foodpalace
In this case study, I’ll walk you through the design thinking process I adopted in creating interfaces for a food delivery app.
Context
Have you ever spent long hours waiting for meals that never seem to get to you on time? Have you ever found yourself begging God that if you survive the hunger before the food gets to you, you’ll never sin again? Well, I seem to find myself in this situation a lot because I hardly step out of my house to get food. So I did what any lazy person would do, I found an easy way out of the situation :).This solution entails modifying current food delivery service platforms to allow the use of specific courier companies while also expanding the platforms to accommodate new restaurants.. “But Smute…how is this an easy way-…”. Shhhh don’t worry, I’ll explain.
The Why?
Food is a necessary aspect of life, and with so many options, you can’t always find what you’re looking for in one spot. So Imagine an app where you can access all your favorite food outlets, not just the usual jollof rice and chicken but also the expensive steak and creamy pasta (So get your wallets ready;). Consider what it would be like if you had complete control over the delivery service you wanted to utilize. As a result, you, the end user, are now in charge of the entire process. Interesting, right?
On a business level, it facilitates the connection of both delivery and food enterprises with more clients, making everyone satisfied at the end of the day.
Goals
- Allow consumers to explore a variety of nearby food establishments.
- Allow consumers to explore available categories on the main screen, which will make it easier for them to place orders fast by eliminating choice paralysis.
- Allow users to view the whole menu at their preferred local restaurant.
- Allow consumers to pick from a number of delivery options before adding them to their shopping cart.
Wireframes
I spent a couple of hours brainstorming, researching, collecting ideas, and sketching loose boxes that would eventually become a more detailed design.
When I was through with the lofi wireframes, I had a good notion of how the final displays will appear. For my own convenience, I created high-fidelity Screens.
Style Guide
To keep the entire design consistent and basic, I used a single font. I chose Gotham for this because it has a contemporary vibe and is a huge font family, making it simpler for me to experiment with and demonstrate hierarchy.
I used a bright yellow color palette for my project. Bright colors stimulate appetite, with yellow being the most powerful. Feather Icons was my first choice for icons.
Final Screens
I considered this app to be multi-national. Hence, to make it more accessible the option to select a language you speak.
The login/sign up is compressed into a single screen to continue with either a phone number or email with an option for social media login integration. Added placeholders for people to understand and comprehend the steps easily.
Onto the main menu, users can select their order by:
- selecting their current location, which aids in the filtering of nearby outlets;
- choosing meals from daily suggestions offered at various times throughout the day dependent on the time of day
- manually inputting the required item into the search field and adding to “Bag”
- picking from the most popular and best-selling categories; burgers, drinks. etc.
Items are shown with their price, vendor, ratings, brief description and CTA for purchase.
Users can choose what delivery service they wish to patronize based on speed and price.
On the checkout screen, users can make payments in the following ways;
- Pay with card — On delivery and online.
- Pay by cash
- Pay with Thepeer — Linking transfer wallets together in one integration
- Let my friend pay — A little something to make the app more fun.😊
Users are given an estimated delivery time and the current stage of their order after confirming it, as well as the opportunity to follow the dispatch rider in real time.
Web Responsive Screens
I went ahead and exploded the functionalities of the web
The End
And It’s a wrap! I had a lot of fun with this project, 50 hours well spent in my opinion :). I appreciate you taking the time to read my brief case study. I hope you loved it as much as I do
As an experienced product designer, I prioritize finding solutions to complex problems while creating aesthetically pleasing designs.
To keep this article short, I only provided some of my process and findings. If you want to learn more about my study, send a mail or connect with me on Linkedin or Twitter.