Restaurant POS for order & table management.
Tablet POS
Application Design
For Android
UX Designer
UI Designer
Interaction Designer
UI/UX Design
Service Design
High-fidelity Prototype
.png)
.svg.png){kind=icon}
Although systems provided payment options they were not available all in one place along with menu and doesn't provided the amount to pay for each unless selected.
Conventional table management system doesn't provided with the ability to split/merge tables and waiters from pos and didn't provide with the payment status, customer preferences/allergies based on their order and ability to modify order for guests.
I generated wireframes to determine the optimal way of presenting a menu, enabling waitstaff to efficiently choose products within categories, add them to the cart, view available payment options, observe the corresponding amounts for each method, and visualize the restaurant's table layout with indication to customer and order details.
.png)
.png)
.png)
.png)
.png)
.png)
Waiters can take order from customers by select items from the menu by searching or navigating through the menu and adding them to the cart and hitting send to kitchen for preparing.
An enrolled customer can be searched and attached to the cart enabling loyalty points for the order. Waiters can accept payment by making use of the available payment method showing the payable amount calculated by adding discounts and tax for your items in cart.
Waiters can take order from customers by select items from the menu by searching or navigating through the menu and adding them to the cart and hitting send to kitchen for preparing. An enrolled customer can be searched and attached to the cart enabling loyalty points for the order. Waiters can accept payment by making use of the available payment method showing the payable amount calculated by adding discounts and tax for your items in cart.
.png)
Servio allows orders from different sources including instore, phone, online and delivery. The instore orders are displayed based on the table layout with ability to merge and split tables. The tables can be assigned to waiters and they are color coded based on the customer ordering. Yellow if the table is occupied and there is no order yet. Green if the order is placed. Red if the customer is spending a lot of time dining. There are indications on tables showing the allergy warning based on the customer preference and alert if the customer have not added payment details to avoid possible dine and dash.
.png)
If you like what you see and want to work together, get in touch!
msmanusankar98@gmail.com
Set up and manage menus for
POS machines at your store
POS Menu Setup
Web Application
UX Designer
UI Designer
Interaction Designer
UI/UX Design
Web Design
High-fidelity Prototype
Creating menu for a store is an integral part of business. Menu is used both instore POS machine and online web applications to purchase the products. I wanted to create a single menu setup suitable for all retail and restaurant business that can be used both instore and online. I wanted to have the menu setup design or layout similar to the POS machine and online menu so that users get a direct understanding of how the menu would look as they are setting it up.
The users are merchants or staffs at a shop. They can login to the console portal with their store ID and credentials. The Menu Setup in Settings allows the users to create multiple menus for different locations with unlimited items and attributes under as many menu category or quickpick menu tabs as needed.
I was able to create a few initial iterations with the help of well defined user flow. I created the below represented low fidelity designs to have a deeper understanding of the features and options for the menu layout. I was able to quickly modify and update the low fidelity designs with user feedbacks.
.svg)
I was able to come to a final design with feedbacks on low fidelity iterations. I wanted the visual design to be simple and user friendly so that users can have a clear understanding of what they have to do on each page. I wanted the menu setup page to be the main and all others like item adding and quickpick creation to be an overlay, it helped the users to have a feeling they have not left the menu setup page and are still working on top of it.
Menu creation requires a name for the menu and a location to assign to. I wanted to have a step by step process for menu layout. Users can click the "+" button to add a menu tab or quickpick and under that they can add the items and attributes.
.png)
The "+" button on menu layout opens up the overlay to add a menu tab or quickpick. Users can create unlimited qiuckpick with unique name, image and color codes. The tabs can be arranged to come in first of the menu using sequence number. Users can set a time period to automatically show and hide the quickpick on a day.
Unlimited items can be added to a quickpick. Users can search or choose from the items they created and hit "add" to assign them to the selected quickpick.
The combination of items and modifiers that user created are shown in the attributes section. Users can choose the attributes from the different sections separated by titles. Hitting "add" will add the attribute and its contents to the quickpick.
I wanted to have the menu usable for every merchant possible. Keeping that in mind I was able to create this design that could support both retail and restaurant business. Users can load in their products no matter what type of store or products they own the design can support all their needs and they can assign the same menu or create separate menus for different locations or multiple stores.
.png)
.svg){kind=icon}
.svg){kind=icon}
.svg){kind=icon}
%20(1)%20(1)%20(1)%20(1).png)
.jpg)