CityBites

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-launch-1
citybites-launch-2
citybites-launch-3
citybites-launch-4

 


Onboarding

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.

citybites-onboarding-1
citybites-onboarding-2
citybites-onboarding-3

 


User Interface

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.

citybites-browse

  • Popular

citybites-popular

  • Cuisines

citybites-cuisines-1
citybites-cuisines-2
citybites-cuisines-3

  • Search

citybites-search-1
citybites-search-2
citybites-search-3
citybites-search-4

  • Filtering

citybites-filter-1
citybites-filter-3
citybites-filter-2
citybites-filter-4