I do not bring lunch from home and as a result, everyday around noon, I go around looking for a eatery or food outlet to buy lunch. Coincidently, it is a problem for many other people like me, as I found out while talking about this project with my friends and colleagues.
It would be really easy to use UberEATS, Deliveroo or other similar service except for the fact that I can not afford to spend $20 on lunch everyday – apart from the delivery cost. But I will happily spend 10 bucks on the Thai eatery around the corner; its much more affordable. And a bit of walking never hurt anyone 🤗
CityBites works on the basic concept of the original Tinder – it shows you food outlets near you and you can filter them to get more fine-tuned results based on cuisines, price range and search radius.
The result is a devilishly simple app. And it aligns perfectly with my goal – reducing the time spent in the app and increasing the frequency of them using it.
Icons & Launch Screen
I wanted something that people could associate with easily. Rather than have a fancy icon that has a ‘deep meaning’, I went the simple route – a person eating food. And its been scientifically proven that the sight of food stimulates an appetite. I did a few variations of the person in the icon just in case.
CityBites technically does not sell anything to the end user. Therefore, I could do away with sign up/login, notifications and managing their personal information. The only thing it requires is the user’s location when they are looking for food. The result is a simple and to-the-point on boarding experience.
The UI was designed to complement the app’s goal of helping people find food faster. This also means people with accessibility problems. I used bigger than usual font size, large tappable areas for buttons and colourful imagery so as to make sure I include them right from start.