Choose your service
Here the user is welcomed to the dashboard screen. he can see his location ( connected to the services available just below) , credits and points
When the user selects the service, the app transforms to give all the infos the user needs
For example: When the user selects "food" he will see all the widgets that are currently shown in the Careem Now app - "search", "trending" , "last order" and "restaurants"
The bottom bar gives the user a quick access to the main sections of the app
Dashboard - last orderds - profile - settings (debatable)
Is a horizontally scrollable list of services available in the user location (city/country).
the list is scrollable but I created a "more" button, to show the full grid of services - I do prefer the scrollable list I'm still debating which one is more clear for the experience of the user
Best Food Nearby
This is the screen for the food service,
I've added the quick search bar to find the food just below the header, the user can search his favorite food immediately or he can choose the trending food.
The type of food on Trending Nearby tab is chosen based on user preference/habits/previous orders (example : fast food)
More choice is a horizontally scrollable list showing types of food. Server can send a new list to remove/reorder the content
In the bottom, the user can view all restaurants available around him
Ok, the order has been completed
when the user has created the order, in the bottom he will find a bar with the informations about the status of the order.
For example he can quickly know what time his food will arrive, or the ETA of the captain to arrive at the pickup location.
With a first swipe up he can find a loading bar, to show the status of the order.
Another swipe up and the app show the interactive map, where the user will be able to see contextual infos on the map (location of the user, captain or restaurant and directions)