Coffee App - Online Store
If you are a coffee person, it is very important to have access to a service where you can order a delicious and high quality coffee, Anytime and anywhere.
COFFEE. is here to make that happen.
But if you need it right now there is even nearby locations that you can find easily in the App.
Style Guide
I used Flat colors and minimal style . The base color is light grey that makes a good combination with black and orange which I used for important icons and menus.
Font
I used Inter Font because I though it is easy to read and also it matches very well with my minimal design.
Wireframe
UI & Visual Design
🏠 Main Page
Don’t miss the hot deals of the day!
Doesn’t matter if you want to buy a coffee or just looking for a recipes, because they are all in main page for just a quick and easy access.
Main page represents the most important informations and products to attract the user attention in order to explore in the application.
📚 Categories
This page shows all categories of products and related accessories. search, sort and filter buttons makes it easy for the user to find the desired product. Using the card to show the products in order to provide the important informations.
☕ Product Page
The product page contains a lots of informations. Providing enough information about the product and a few explanations will be effective on user's decision.
📜 Recipe Page
Lots of recipes which user can explore and even the possibility of putting the recipes in favourites. carts contains a little description, calories and important informations.two main categories for cold coffee lovers and hot coffee lovers.
🗺️ Locations
As the products are available in some stores it is necessary to see the nearby locations. map and search, both are available.
🛒 Cart Page
It is time to make the final desicion. this page you can choose the address and arrival date and see what is in your bag before going to purchase page.
👤 Profile
The place that you can inter, edit or delete every information. Claiming your rewards by sharing. Connect easily whit support team. Check your history and even log out .