Client Brief

ID is a renowned brand by, 'Satyam Cinemas'. ID is a modern, yet contemporary quick service restaurant conceptualized for the traditional food lovers. This pure vegetarian restaurant serves a host of south Indian delicacies. In the midst of the novel COVID-19 pandemic, people are bound to follow safety measures issued by the government such as self-isolation, social distancing and, frequent handwashing, which makes a hard hit on the restaurants as well as other businesses. So, SPI wanted to enhance its dining experience by developing a user-friendly dining app, where all the safety measures have been followed along with amiable dining experience.

Idea

Hence, we came up with an idea of building a contactless dining for their dining system without compromising on the users experience. They wanted to develop an app that can be fully functional to cater from table reservation to payment.

Execution

We created a contactless dining app for SPI enabling the dine-in experience that allows a guest to view menu, place orders, and make payments without interacting closely with a server or touching shared public surfaces. It is enabled via technology such as QR codes, in which a customer scans a sticker to access the restaurant menu or payment system online.

Process:


1)UX Phase:
The project was initiated with competitor analysis and understanding the needs and wants of the user through user-research. Upon collecting some insights, we then started to devise the user-flow and architect wireframe concepts and iterated on the feedbacks. Finally, it has then proceeded to UI.


2)UI Phase:
UI is where a concept comes to life. Here we applied branding and created interface components to design. This includes everything from pages to small buttons and toggles.
For the UI colour, we decided to go with a dark tone to accompanying their restaurant interior while familiarizing the user experience.
After crafting all the screens, we then prototyped using Adobe XD which was forwarded to developer.


3)Development:
Development was carried out on the pixel-perfect conversion of design to code. Our main focus was to create a fast and responsive progressive web app (PWA) which can work efficiently even on low bandwidth network. User has the ability to install PWA just like any app and can be launched from an app launcher.


4)Technology Stack:
Frontend – ReactJS and Bootstrap.
Backend – Django and REST API.


5)Features:
• Lightweight Progressive Web App
• Table Reservation
• Order Placement
• KOT Processing
• Billing Management
• Payment Management
• Feedback Management

Result

Just as it is designed, the App works perfectly enhancing the users’ experience along with following the safety standards.

Other Projects
Deepsense Digital
Social Media Content
ITC Classmate - 2018

Classmate Be Better Than Yours..

Brand Classmate had a mandate to take philosophy to as many Indian homes and classrooms as possible.

Deepsense Digital
Social Media Content, Digital Media Buying & Selling..
Prolyte - 2020

The Golden Buzzer For Prolyte!

For a newly launched brand like Prolyte, it was very essential to choose the right communication pla

Deepsense Digital
Social Media Content, SEO
Nippon Paints - 2019

NIPPON PAINTS - #YellowPoduWhi..

Nippon Paints had a wide brand awareness across the country. But, their products was not much known

Deepsense Digital
Web & Mobile Asset Development, Social Media Content, Digita..
Cavin's - 2019

Spread the goodness!

Campaign In A Nut Shell: Technology is inevitable in our everyday lives, especially when it comes to

Deepsense Digital
Web & Mobile Asset Development, Social Media Content..
Nippon Paints - 2020

Nipponpaint Colorvision

To cater to the needs of individual choices and preferences by developing mindset-based colour forec

Deepsense Digital
Web & Mobile Asset Development, Social Media Content, SEO ..
Nippon Paints - 2018

Nippon Paint Website Redesign

For a company like Nippon Paint that produces colourful & vibrant produ