Professional Documents
Culture Documents
Xarothi FSM - A Comprehensive Data-Backed Food Service Management System
Xarothi FSM - A Comprehensive Data-Backed Food Service Management System
shawnanggg on Unsplash
Processed at:
Anant National University,
Sanskardham Campus
Bopal-Ghuma-Sanand Road
Ahmedabad - 382115
Gujarat, India
www.anu.edu.in
Originality Statement
I hereby declare that this submission is my own work and it contains no full or substantial
copy of previously published material or does not even contain substantial proportions
of material which has been accepted for the award of any other degree or diploma of
any other educational institution, except where due acknowledgement is made in this
Capstone Project.
Moreover, I also declare that none of the concepts is borrowed or copied without due
acknowledgement. I further declare that the intellectual content of this Capstone project
is the product of my own work, except to the extent that assistance from others in the
project’s design and conception or in style, presentation and linguistic expression is
acknowledged. This Capstone project (or part of it) was not and will not be submitted as
assessed work in any other academic course.
Signature: _______________________
Date: _______________________
3
Xarothi FSM | Capstone Project Report | 2023
Copyright Statement
I hereby grant Anant National University the right to archive and to make available my
Capstone Project Report in whole or in part in the University Library in all forms of media,
now or hereafter known, subject to the provisions of the Copyright Act. I have either used
no substantial portions of the copyrighted material in my document or I have obtained
permission to use copyrighted material.
Signature: _______________________
Date: _______________________
4
Interaction Design | Bachelor of Design | School of Design | Anant National University
Contents
01. Originality Statement.................................................................03 13. Otenga Photo Gallery................................................................22
5
Xarothi FSM | Capstone Project Report | 2023
25. Interviews: Mitti Lifestyle Store and Café...........................54 39. Atomic Design Framework.......................................................80
31. Organisational Hierarchy: Xarothi Café.................................64 45. Atom: Horizontal and Vertical Spacers..................................87
35. What is smart data?...................................................................72 49. Atom: Media > Social Icons......................................................91
36. Why is Insight Generation Needed?......................................74 50. Atom: Media > Avatars..............................................................92
6
Interaction Design | Bachelor of Design | School of Design | Anant National University
53. Molecule: Date Picker................................................................95 67. Key Screen: Floor View........................................................... 113
54. Data Architecture.......................................................................96 68. Key Screen: Table Allocation: Customer Data................... 114
55. Key Screens............................................................................... 100 69. Key Screen: Table Allocation: Table Selection................... 115
56. Key Screen: Intro Screen........................................................ 102 70. Key Screen: Updated Floor View......................................... 116
57. Key Screen: Outlet Setup: Basic Details............................. 103 71. Key Screen: Observational Data Entry............................... 117
58. Key Screen: Outlet Setup: Outlet Categorisation............ 104 72. Projected Pathway.................................................................. 118
59. Key Screen: Outlet Setup: Floor Setup - Area 1............... 105 73. Critical Reflections.................................................................. 119
60. Key Screen: Outlet Setup: Floor Setup - Area 2............... 106 74. Citations & References........................................................... 120
61. Key Screen: Outlet Setup: Floor Setup - Confirmation... 107 75. Contact me................................................................................ 127
7
Xarothi FSM | Capstone Project Report | 2023
Acknowledgements
“The power of one, if fearless and focused, is formidable,
but the power of many working together is better.”
Gloria Macapagal-Arroyo
As has always been the case, I would been impossible without her. My father, Amongst my friends, my strongest support
first like to acknowledge my mother, Mr Vishwanath Prabhutendolkar, has also has been my girlfriend, Ms Nandini Jolly
Ms Jaywanti Prabhutendolkar. My mother been one of the most supportive people in and my best friends back in Mumbai,
has made me who I am. She made sure, as a my life. In his eyes, I am an individual who is Mr Kshitij Bidvai, Mr Ishaan Kothiyal and
kid, that I would be proficient in my language capable of doing everything under the sun. Mr Tanay Sanghvi. They have been there
and more importantly, she encouraged my While his over-glorification is misplaced, for me whenever I have seen my motivation
curiosity as a kid. The simple act of being this love of his has kept me going for many crumble or when I have struggled to get a
curious has helped me always search for days. grasp on life. My girlfriend, especially, has
more from this world. Her efforts began literally held onto my hand and pulled me up
right when she was pregnant with me and Whilst my family has been the base of when I felt like giving up. Her help has been
have continued to this date. In her own my support, my friends from FryFrenchie, the cornerstone of my work’s completion.
excessive way, my mother has always had C1-14 and Stultus (as named by us) have
my back. ensured that over these four years, I have While I have had these great support
had some semblance of a college life. As a systems in my personal life, my professional
Secondly, I would like to acknowledge my socially awkward person, I have often been life has been filled with a lot of inspiring
younger sister, Chaturaa Prabhutendolkar. sidelined when groups have been formed. individuals. My sponsor/mentor Ms. Kabya
She is a 12-year-old who holds the maturity Luckily, these friends of mine accepted me Shree Borgohain has been a source of
of a young adult. Managing our two adorable with all my social awkwardness and busy inspiration. Her ability to inspire the people
pet cats, Nekochan and Totoro, would have schedules. around her is captivating. I especially thank
8
Interaction Design | Bachelor of Design | School of Design | Anant National University
her for giving me autonomy with my project I wouldn’t have dared to attempt a project encompasses the sheer number of people
which is often not available in sponsored like this. who have helped me through this project
projects. and these four years. Hence, to appreciate
I would also like to thank Architect Ujjwal the support of everyone who has helped
My thanks and appreciation also go out Dawar. Despite not being my faculty, me, I request you to scan this QR Code
to Prof. Vijay Sekhon who has led our conversations with him have helped me below. It is linked to a sheet with a list of
IxD Department towards new and unique understand myself and my project better. names that have supported me or inspired
avenues. The opportunities that have Furthermore, I would like to thank Architect me in this journey. This will be a non-
been accessible to me as an IxD student, Poonam Jolly, for allowing me to stay at the exhaustive list, where I shall keep adding
have helped me explore new grounds and Boathouse, her office/residency/weekend names as I remember.
connect with unique people. home, when I struggled to find a place
where I could isolate and work. Thank you for all the support and belief
I would then like to thank Professor that everyone has placed in me. I hope this
Bhaskar Bhatt. His insights have defined While I write this acknowledgement, I project shall do justice to your faith and
the pathway for my project. Without him, am realising that this piece of text barely support in my abilities.
SCAN ME
9
Xarothi FSM | Capstone Project Report | 2023
About Me
I am Manas Prabhutendolkar, and I am part of the student council. I have done 3 myself, I would say I am, what they call, a
one of the strongest advocates for design different internships whilst being a student generalist. This trait has enabled me to take
thinking and the design process as a way of at this college. As a freelancer, I have the beacon of leadership at various points
life. I believe that design has enabled me to worked on games, branding, social media in my life due to my diverse understanding
approach situations with a problem-solving marketing, website designs, event designs of multiple fields.
and pragmatic mentality. I believe that a and even, e-learning based graphic design.
designer is defined by their ability to think Lastly, I am someone who is always
differently and not by their specialisation in Alongside design, I have always been an enthusiastic to try new things. Hence, I
any particular field. This has enabled me to individual with multiple skills. I live by the look forward to taking you through my
be a freelancer who works on a range of quote, “A jack of all trades is a master of thesis project. I have tried multiple new
projects and a student who has excelled in none, but oftentimes, better than a master of things on this project and have genuinely
both academics and extracurriculars. one.” attempted to push my boundaries as a
designer, researcher and solutionary.
As a student, I have organised numerous I am a writer, a cook, a researcher and even,
events at the college and have also been a a passionate debater. In order to categorise
10
Interaction Design | Bachelor of Design | School of Design | Anant National University
11
Xarothi FSM | Capstone Project Report | 2023
About University
Anant National University is India’s first experience that prepares them to become
DesignX university. It aims to equip solutionaries.
designers with tools of the digital age
and a multidisciplinary approach to bring AnantU offers seven majors at the
sustainable solutions to the challenges of Undergraduate level in their design school.
the contemporary world. Alongside this, they offer undergraduate
degrees in Architecture, Visual arts and
At AnantU, students are moulded to a BTech degree specialising in Climate
become designers, who possess technical Change. They also offer postgraduate
skills, and a holistic understanding of degrees in architecture and integrated
context and are also good communicators, product design alongside a PG Diploma in
collaborative workers and critical thinkers. Journalism in Built Environment. Alongside
AnantU’s emphasis on multidisciplinary this, they offer numerous other programs
education and unique pedagogical such as their flagship Fellowship Program.
practices gives students a well-rounded
education. It inspires them to develop an
empathetic approach as practised in liberal
arts, engage in critical thinking and widen
the scope of vocational knowledge.
12
Interaction Design | Bachelor of Design | School of Design | Anant National University
13
Xarothi FSM | Capstone Project Report | 2023
14
Interaction Design | Bachelor of Design | School of Design | Anant National University
Preface
The Capstone Project at Anant National food design studio that works under two when I switched my methods and moved
University is the culmination of a 4 year pillars. These two pillars are designing with towards a product-centric approach.
long Bachelor of Design Degree. Students food and designing for food. Wherein, the
are responsible for choosing their own studio either uses the powers of food as a During my time at Otenga, I extensively
area of interest within the broad margins narrative tool or helps other food-related used the POS System used at the Cafe,
of their specialisation. The briefs can be businesses utilise food better. and that is where I found my final brief.
either self-sponsored or sponsored by I noticed certain gaps within the POS
industries. Industry briefs are mostly rigid In the initial weeks of my Capstone, I was system used, and upon further market
with specific preset requirements. mainly targeting food as a narrative tool research, I confirmed that this was a gap
for my brief. I experimented with food as that a product could be placed within.
For me, however, my industry-sponsored a means of data collection, storytelling
brief came with a lot of autonomy and and also, education. However, after This is how I reached my final brief which is
freedom. Working under the guidance numerous discussions with my mentor, it now being viewed by you in the form of my
of Ms Kabya Shree Borgohain, I was was recognised that the brief needed to be Capstone Project.
permitted to mould my brief along the way. more far-reaching to meet the standards
As mentioned before, Project Otenga is a that I had personally set for myself. That is
15
Xarothi FSM | Capstone Project Report | 2023
16
Interaction Design | Bachelor of Design | School of Design | Anant National University
17
Xarothi FSM | Capstone Project Report | 2023
About Otenga
Project Otenga is a multi-modal cafe that specialises in northeast Indian cuisine. It was Gate No. 2, Inside Ahmedabad
started in 2017 by Ms Kabya Shree Borgohain as part of her post-graduate thesis at University Campus Crossroads,
NID’s Strategic Design Management Program. Over the years, the cafe has grown into a Commerce Six Rd, Swastik
community hub for a variety of incredible and creative individuals. Society, Navrangpura,
Ahmedabad, Gujarat 380009
It also serves as a multi-disciplinary studio specializing in designing food experiences. It
is a team of avid foodies and meticulous designers who believe that food can be a great Singular Floating Urban
narrative tool for solving complex design and social problems. The studio specializes in Population and/or North-East
curating food events, conducting workshops and food-related research, and facilitating Indians
design education through the lens of food. The majority of the studio’s work happens
through the Project Otenga Cafe. INR 750 per person
18
Interaction Design | Bachelor of Design | School of Design | Anant National University
19
Xarothi FSM | Capstone Project Report | 2023
Why Otenga?
Initially, when discussions about our Capstone began, I was planning to go about my
project in the field of game design. However, that is when the opportunity of Otenga
came by. For me, there were a few important facets that led me to choose Project
Otenga as the backdrop for my thesis project.
20
Interaction Design | Bachelor of Design | School of Design | Anant National University
At Otenga, my tasks were divided into two spheres: Café related and Design Studio related.
Under the purview of the design studio, in the process of coffee making for a few
I helped plan and conduct 7 events, and orders.
3 talks and helped in the initiation and
ideation of new collaborations for the studio. Principally, the migration process along
Alongside that, I also wrote a majority of with the training sessions and my time
the outgoing communication for Otenga. spent at the billing counter, helped me
This included social media captions, emails, gain a thorough understanding of how
proposals and even forms. I further helped POS Systems are designed and how they
in designing a few collaterals as well. I also function. This also helped me understand,
helped Project Otenga in improving its firsthand, the gaps that were present in
project management by creating project these POS Systems.
trackers for the team on google sheets.
21
Xarothi FSM | Capstone Project Report | 2023
22
Interaction Design | Bachelor of Design | School of Design | Anant National University
23
Xarothi FSM | Capstone Project Report | 2023
24
Interaction Design | Bachelor of Design | School of Design | Anant National University
The food service industry itself is a subset of the food industry. It can
be viewed as one of the final steps in the food supply chain wherein
the food itself is served on a plate in front of you. This is made up
of various further categories such as full-service restaurants, cafés,
quick-service restaurants, bars, pubs etc. The meal being served also
comes with various service types, ranging from fine dining to self-
service to take-away to home deliveries. Each different category of
establishment in this industry caters to various types of consumer
groups.[2]
25
Xarothi FSM | Capstone Project Report | 2023
The food service industry can also be further divided into an organised and unorganised
sector. In developing countries, the unorganised sector can be seen as a major player and
comprises individuals or families selling ready-to-eat food through vendors, dhabas, food
carts, street stalls, pop-ups and more. These are classified as a part of the unorganised
sectors as they are often not subjected to sanitary standards, legal requirements or
recognition from governmental bodies.
26
Interaction Design | Bachelor of Design | School of Design | Anant National University
The organised sector on the other hand is recognised by governmental bodies and comprises the following offerings:
& more...
27
Xarothi FSM | Capstone Project Report | 2023
₹ 4.5 even global food service chains have had impossible to serve.[3]
Lakh Crore
sized industry
₹ 65.9
Lakh Crore
projected size of
industry by 2028
Localised Burgers. McDonald’s Blog
28
Interaction Design | Bachelor of Design | School of Design | Anant National University
29
Xarothi FSM | Capstone Project Report | 2023
Within the Indian economy, expenditure on food per capita has increased from roughly INR 9,500 in 2009 (193
1 USD in 2009 according to an average USD to INR value of 1 USD = 48.74 INR) to roughly INR 26,000 in 2018
(372.2 USD in 2018 according to an average USD to INR value of 1 USD = 69.89 INR). This shows an increase
in the demand for food alongside rising food costs. [5]
In 2020, the median age in India was estimated to be 28.7 years. This is because of the rising youth population
in India. Due to this, India’s working-age population has also increased from 36% in 2000 to 49.8% in 2019.
2
This is further expected to rise in the coming years. This is imperative to the food service industry as research
has shown that millennials in India are driving food consumption due to their lower willingness and lack of time
to cook for themselves. Changing family structures are further influencing this since families no longer rely on
a single source of income from the males in the families. Since most families now have both males and females
working, there is a lower number of individuals who are simply managing the homes. [5]
3
India has massive projected growth in the Quick Service Restaurant (QSR) segment with a CAGR of 23% until
2025. The QSR Market is expected to grow and lead to Rs.1182.4 Crore market in Tier 2 and Tier 3 cities alone.
It is expected to be the largest segment in the food service industry in the coming years.[5]
30
Interaction Design | Bachelor of Design | School of Design | Anant National University
4
Urbanisation is happening rapidly in India. Approximately 35.39% of the Indian population is already living
in urban cities. This rise in urbanisation is resulting in an increase in disposable income and is also leading to
hectic lifestyles. Due to this, there is a sharp rise in the eating-out culture as well.[5]
The food service industry in India is also seeing a rise in new and unique ways of brand marketing. This is
especially seen through brand collaborations. Businesses with similar synergies are seen joining hands to drive
5
businesses and provide consumers with unique offerings. One such example is the 2022 collaboration between
KFC India and Nestle, with the KFC Popcorn Bowl made with Maggi. [5] Another example of collaboration can
be seen between Mumbai-based Concept Restaurant Bombay Canteen and Sri Lankan restaurant Kotuwa
Canteen with their Kotuwa Canteen Takeover which allowed consumers in Mumbai to experience authentic
Sri Lankan cuisine.[6]
There is also a rise in the awareness around health in urban societies as more and more people are looking
6
towards eating healthy food that is made with locally sourced ingredients. [5] This can be seen with a sharp rise
in restaurants catering to health fanatics and different dietary preferences. For example, meal service company,
Food Darzee makes custom meal plans for individuals based on their health goals. They cater to diet types right
from low-carb, and vegan to even ketogenic diets.[7]
7 Another growth trend can be seen in the Cloud Kitchen Market which is expected to grow with an approximate
15.5% to 17.5% CAGR between 2024-2028. [5]
31
Xarothi FSM | Capstone Project Report | 2023
32
Interaction Design | Bachelor of Design | School of Design | Anant National University
33
Xarothi FSM | Capstone Project Report | 2023
What is a POS?
A Point-of-Sale (POS) system is a device or software used by retail outlets for processing
transactions by customers. Traditionally, POS systems were manual and maintained in
the form of physical registers and bill books. A lot of informal establishments and small-
scale shops still use this as their preferred method to this day.
The physical registers were replaced by cash register machines which could print bills.
These machines allowed for more organised billing methods. Eventually, these machines
evolved to include LED Screens, cash drawers, credit card magnetic strips and thermal
printing.
Post the start of the digital age. These registers started evolving rapidly. The electronic
cash register (ECR) by IBM was one of the first computer-based POS systems. This allowed
for remote KOT Printing that greatly reduced the time spent relaying orders in restaurant
settings.
In today’s day and age, POS Systems have grown into systems much larger than just billing.
These systems work on multiple hardware platforms, are configurable to incorporate
multiple outlets and hardware systems and also manage inventories. They collect large
amounts of data and process it to give real-time data visualisations as well. [8]
34
Interaction Design | Bachelor of Design | School of Design | Anant National University
35
v
Restaurants Serviced
Why study PetPooja? 55,000+
There are 3 facets behind selecting PetPooja as the sample product for my research.
Accessibility - At Otenga, PetPooja is the POS System that is currently utilised. Therefore, Countries Serviced
I used to use it daily and hence, had great familiarity with it. India, Middle East, Canada,
Positioning - PetPooja has an ever-evolving software with new aspects being launched South Africa
regularly. This makes the software dynamic and up-to-date. This way I was sure that I was
trying to improve a system based on a well-evolved reference. Costing
Familiarity - Issues or gaps within the POS System that I observed weren’t just based on INR 10,000 yearly
speculation or interviews but also on personal experience.
Services Offered
Menu Online
Billing Inventory Reporting CRM
Management Ordering
36
v
Features
• Easy-to-Use Billing Screen • Multi-Stage Recipe • Short-Codes For Quick Billing
• Kitchen Wise Kot Printing • Live Food Cost Report • Multiple Menus
• Online Order Management • Purchase Order Management • Item Combos And BoGo
• Accessible on any Hardware • Single Dashboard Monitoring • Customisable Menu Timings
• Multi-terminal Billing • Comprehensive Tax Reporting • Customer History On PoS
• Offline Architecture • Head-Office Module With Zones • Customer Outreach
• Configurable Taxes and Discounts • User Rights Management • Feedback
• Central Kitchen Module • Anti-Fraud Reporting
• Raw Material Management • Aggregator Menu Management
Total Sales Payment Mode Total Expense Employee wise Sales summary
Item wise Sales Patterns Table Turnaround Add-on Summary Item-wise tax report
Layer 2 Customer Order Order-type wise Time Discount Summary Feedback summary
History Sales Revenue Leakage Hourly item Sales KOT Summary
37
Xarothi FSM | Capstone Project Report | 2023
38
Interaction Design | Bachelor of Design | School of Design | Anant National University
39
Xarothi FSM | Capstone Project Report | 2023
40
Interaction Design | Bachelor of Design | School of Design | Anant National University
41
Xarothi FSM | Capstone Project Report | 2023
42
Interaction Design | Bachelor of Design | School of Design | Anant National University
43
Xarothi FSM | Capstone Project Report | 2023
44
Interaction Design | Bachelor of Design | School of Design | Anant National University
45
Xarothi FSM | Capstone Project Report | 2023
One of the first reasons for choosing a orders and marketing, doesn’t really give management module is also quite tedious
POS system as a base for my project was an insight into the kind of customers and most people rely on external software
my personal experience with the POS who come into the place. Without proper for all their other work.
System at Project Otenga. At Otenga, we segmentation of User Groups, the database
use Pet Pooja as our software of choice. It doesn’t help with targeted marketing. Therefore, despite being a top-to-bottom
is an industry leader and has a design-led restaurant management software, most
software development. It even offers 60+ Furthermore, the reports that are presented users end up using it just for billing.
reports for analysis. are all in the form of tables which makes Therefore it can be said that PetPooja is
it a burden for the user to understand not able to have proper retention of its
However, despite its great product them. Thereby, unless a person is sourcing users on their software.
development, there are a few substantial the data from PetPooja and visualising
gaps in the software. Firstly, its CRM it in another software, it is barely usable. These are obvious gaps in the software
model is quite rudimentary. The only goal Thereby putting the impetus on the user if where other players can intervene.
the model achieves is the creation of a they wish to utilise their data. However, these gaps need to be validated
database. It also relies on the customer to with not just PetPooja in context but also,
provide name and contact data, which they PetPooja also has a few issues wherein with regards to the POS market as a whole
are often hesitant to share. This database, its inventory management system is to validate the need for intervention.
although helpful for repeating customer complex and difficult to integrate. The cost
Hence, to do this, I interviewed 6 food service establishments to understand what they were doing.
46
Interaction Design | Bachelor of Design | School of Design | Anant National University
47
Xarothi FSM | Capstone Project Report | 2023
Interviews
Ground Floor, ONE42,
Billionaires Street, Off, Ambli
10 members
The Gourmet Lab is a café and gourmet grocery store in Ahmedabad. It was started in 2021 INR 500 per person
and serves cuisine made with expensive gourmet ingredients. They also own Le Artisan
Boulangerie and serve an assortment of pastries and baked treats. The establishment is
visited mainly by people with high disposable incomes from a general age range of 30 to
40 years.
48
Interaction Design | Bachelor of Design | School of Design | Anant National University
Personal Observations
1. Space has a unique offering due to the
integration of a storefront. This not
only expands the customer base but
either sets of customers (café/store)
get influenced to purchase from the
other business. The store also serves as
inventory for the café.
2. The menu has over 100 items with
unique and expensive ingredients.
This can be concerning due to the
requirement of an extensive inventory
filled with perishables and no active
inventory management.
3. The space has pleasant aesthetics
and attracts students and younger
audiences as well. Better collection of
user data and its processing can help
create offerings for them as well.
4. The head chef and the purchase manager
at the outlet are both well-educated
and friendly, however, they aren’t aware Store Interior:Gourmet Lab. Restaurant Guru
of the ecosystem in its entirety.
49
Xarothi FSM | Capstone Project Report | 2023
Interviews
One 42, Ground Floor, Ashok
Diaries 17 members
Fiddleton’s Travel Diaries is a mix between a QSR and a fine dining concept restaurant. The INR 400 per person
establishment is based around a fictional character named Mr Fiddleton, a royal English
trader from the 1800s. Mr. Fiddleton roamed the world and in the process, documented
the recipes of different foods globally in his diary. The same diary that the restaurant and
its menu are based upon.
50
Interaction Design | Bachelor of Design | School of Design | Anant National University
Personal Observations
1. The space is driven by health
conscientiousness. The food dishes are
accompanied by nutritional information.
2. The offering is unique due to the
narrative they have brought up.
3. The staff themselves, including the
manager, aren’t well aware of the
backend operations of the restaurant.
They were not aware of whether data
is utilised by the establishment or not.
4. The food proportions seem ill-planned.
As an individual with a seemingly large
appetite, it was a struggle to finish
their bowl, despite it being my first
meal of the day. Better data collection Restaurant Interior. Zomato
and analysis can help identify if this is
actually a problem and then solve it.
51
Xarothi FSM | Capstone Project Report | 2023
Interviews
Partition brought the Mulchandani brothers to India and Kailash Parbat was established INR 400 per person
in Bombay in 1952. Since then, it has gained a huge amount of popularity not just in
India but around the world. Being a favourite amongst people of all age groups, Kailash
Parbat has become a formidable brand in the restaurant industry that satisfies cravings
for flavours of North and South India, Chinese cuisine and much more.
52
Interaction Design | Bachelor of Design | School of Design | Anant National University
53
Xarothi FSM | Capstone Project Report | 2023
Interviews
& Café
Ahmedabad - 380058
4 members
Mitti is a lifestyle store with an attached café. Akin to the name, their products and INR 500 per person
the café’s ideology have an earthy base. The café focuses on the utilisation of natural
ingredients and traditional recipes. The café has been functional since 2021.
54
Interaction Design | Bachelor of Design | School of Design | Anant National University
Personal Observations
1. Mitti is a store first and then a café. The
café is small and has a tiny team. The
food served at the café has traditional
roots.
2. The space is situated on the second floor
due to which its visibility is reduced.
3. The café conducts events every Sunday
and hence, is only functional for half a
day. This seems to be a model that has Ice Cream at Mitti Cafe. Zomato
been updated to account for boosting
sales.
55
Xarothi FSM | Capstone Project Report | 2023
Interviews
Terra Food Company is a multi-brand cloud kitchen that was started in 2020. It functions INR 300 per person
from 5 cities whilst having 1 dine-in restaurant. The company has placed itself in the
affordable gourmet segment while providing cuisines like Japanese, American fast
food, Mexican, North Indian and Italian amongst others. They function through online
aggregators like Swiggy and Zomato, while also having a dedicated app in its beta testing
phase.
POS System Used
Interview Observations PetPooja
1. They initially used Inresto, however, they found the service to not be the best fit for a
cloud kitchen model. Which is why they switched to PetPooja for their POS System. Interviewee
2. Initially tried using PetPooja’s inventory management system but found it to be Owner
ineffective. The inventory is managed on Supply Note.
3. All decisions taken by the brand are done using data. Offers are based on items they Outlet Type
wish to promote so on and so forth.
4. Being a multi-brand kitchen with a Cloud Kitchen model, they find analysing data to be Cloud Kitchen
imperative. Their menu is always dynamic since they are functioning through aggregator
apps. This allows them to use the data to modify the menu according to needs. Mode of Interview
5. They collect data like Order Consumption patterns, hourly trends, add-on options, Offline
order history, price range focus, flavour profiles and menu stocking.
56
Interaction Design | Bachelor of Design | School of Design | Anant National University
Personal Observations
1. The cloud kitchen model is an entirely
different game. Data collection is much
easier since users have no option but to
provide details for their online orders.
2. Segregating different cuisines into
individual brands helps the brand have
a greater reach on the aggregator apps.
They also get to target specific user
groups due to this model.
3. Packaging becomes a key area for
functionality. Since they do not have to
serve directly, the packaging becomes
the first physical point of contact for
the customer. The packaging choice Packed Meal. Terra Food Co.
also has to fit the food being served to
ensure no damage during delivery.
57
Xarothi FSM | Capstone Project Report | 2023
Interviews
23/3 , New Palasia JanjeerWala
Chauraha , Opp Shalby hospital
NA
Hotel Apna Avenue is a 50-year-old hotel in Indore. They position themselves as an INR 250 per person
affordable and comfortable stay. They house a pure veg restaurant that offers food at
affordable rates.
58
Interaction Design | Bachelor of Design | School of Design | Anant National University
59
Xarothi FSM | Capstone Project Report | 2023
Interview Analysis
1
All restaurants to some extent are analysing data. However, it is mostly limited to
Profit/Loss statements.
Food Service establishments across the board are not managing inventory on POS.
2 This is due to the complexity of the inventory system. The recipe-based inventory
system also is not practical as measuring ingredient weights in recipes is not possible
in a kitchen. A lot of cooking is intuitive and weights will always differ.
Customer Data is largely limited to names and phone numbers. Demographics are
3 rarely captured. Despite this, owners and staff know their average user based on
observation.
60
Interaction Design | Bachelor of Design | School of Design | Anant National University
Many food service businesses are selling extensive menus that rarely evolve. Data
4 could be used to understand consumption patterns for better structuring of the
menu.
Food service businesses are not doing trend analysis. Trend analysis can assist
5 in improving the organisational aspects of the establishment such as inventory
restocking, targeted marketing and hiring systems.
6
Food service business owners lack the ability at times to do the aforementioned
data analysis. They could benefit by having assistance on the same.
61
Xarothi FSM | Capstone Project Report | 2023
Organisational Hierarchy
In order to fit a product into an industry it A basic model for a food service workforce consumer requests and ensuring a smooth
is important to understand the touchpoints can be divided into 3 layers. The topmost consumer experience. The kitchen staff
for it. These touchpoints are usually the layer is the ownership layer. At this layer, on the other end, is like the back end of
stakeholders that will actually be impacted you have the actual business owners. the outlet. They are responsible for the
by the product. In the context of a POS utilisation of inventory, preparation of
System, taking the restaurant consumer The second layer is the managerial level. dishes and also, and curation of the menu
into direct account is not as imperative as At this layer, you can have all individuals to some extent.
the impact faced by the consumer is based responsible for the on-ground management
on the functionality of the restaurant of the restaurant. In a basic flow, we can These layers shift from outlet to outlet.
itself. Hence, the main stakeholders in attribute this to the general manager, the For instance, in the case of celebrity chef-
this context are the actual members of floor manager and the kitchen manager. owned enterprises the owner also becomes
a food service outlet’s workforce. While the head of the kitchen layer. While, for
the constitution of the workforce itself The final layer is the workforce layer. At smaller owned businesses, the owner
is largely dependent on the services of this layer, the flow can be split across two can be responsible for the on-ground
the establishment, a basic flow can be major areas of any food service outlet. management as well. This layer-based
generated to categorise the workforce The floor and the kitchen. The floor staff model can be hence further expanded
based on their levels of responsibility and is responsible for the front end of the according to the needs of specific outlets.
areas of influence. outlet. This involves taking orders, handling
For the purposes of this thesis, I am modelling a basic simple restaurant to explain its stakeholders and their responsibilities in the
context of the POS system and even outside of it.
62
Interaction Design | Bachelor of Design | School of Design | Anant National University
Café
The Xarothi Café is going to be the backdrop manager, Mr Rohan Kishan. Mr Rohan are members of the Floor staff at the
for the basic understanding of the product. Kishan comes under the management workforce level.
level. Under him, we have a floor manager,
The Xarothi Café is a small café that Ms Ayana Liz and a Kitchen Manager, Chef Under Chef Lisa, there are 2 cooks, Ms
specialises in artisanal tea and coffee whilst Lisa Cuzo. These two also come under the Namrata Sanghvi and Mr Raman Nagpal.
providing simple snack-type meals that are management level. She also has two cleaners assigned under
inspired by North Eastern Cuisine. The café her, Mr Rupesh Raj and Mr Rodri Gustavo.
has a sitting capacity of 30 guests and 9 Under Ms Ayana, there are 4 waiters, Mr These are members of the Kitchen staff at
Tables spread across two areas, an indoor Johan Jacob, Ms Natasha Raje, Mr Ali the workforce level.
space and an outdoor space. Mohammed and Ms Rohina Malik. She
also has two cleaners assigned to her. Mr With this model in mind, it is then necessary
The organisational hierarchy of the Café is Ramesh Jaisingh and Mr Rohit Mendoza. to understand each of the stakeholders’
as follows. At the ownership level, we have wants and needs, especially in the
the owner, Mr Manas Prabhutendolkar. The Apart from this, there is also Mr Rajpal Jain context of the POS System for creating a
owner isn’t physically present at the café at and Mr Govind Khurana who are delivery comprehensive product.
all times. Under the owner is the general personnel that respond to Ms Ayana.These
63
Xarothi FSM | Capstone Project Report | 2023
Ayana Liz
Floor Manager
Lisa Cuzo
Kitchen Manager
64
Interaction Design | Bachelor of Design | School of Design | Anant National University
Restaurant Floor
Workforce Layer
Kitchen
Rupesh Raj Rodri Gustavo
Cleaner Cleaner
65
Xarothi FSM | Capstone Project Report | 2023
Product Ideation
As detailed out before, the new POS System that is being designed needs to introduce new mechanisms in a range of areas to better
assist food service outlets like the Xarothi Café in management and decision-making.
Taking this into context one of the first changes that is needed is a purely cosmetic one, that is a rebranding of the product market itself.
As has been established, POS Systems today are no longer limited to point of sale. They assist in better management of the business
in general. Therefore, to integrate this change, I propose a change of nomenclature for the product. Instead of it being called a Point of
Sale system, I believe the software category must now be called Food Service Management or FSM software.
This product will be a modular software, proposed for future addition. solutions for organisational issues and
that vdefined earlier. Each layer will have better management.
independent modules that will cater to the These first two pillars are Observational
needs of the stakeholder involved in using CRM Data Collection and Smart Data The Xarothi FSM will thus enable food
them. Integration. The third proposed pillar service outlet owners to make better
that will be added later is Smart Insight organisational decisions with smarter
This way, the software would reduce Generation. This feature can’t be integrated feedback and ensure a smoother dining
clutter for the users and make usability at this point as it needs a big data like experience for their consumers.
simpler. model wherein anonymised industry
data from multiple users of Xarothi FSM The product will also include things
Apart from its modular structure, the combined with insights and suggestions like flavour profiling of dishes, easier
innovation in the software will be built on from Industry leaders would be needed inventory management and also, better
two main pillars with a third pillar that is for setting benchmarks and providing accountability of staff.
66
Interaction Design | Bachelor of Design | School of Design | Anant National University
The three main pillars and their justification are detailed in further pages.
67
Xarothi FSM | Capstone Project Report | 2023
A good customer relation drives brand This is why a better approach to CRM is
growth and hence, every business, to some necessary for food service businesses.
degree, focuses on it. This particular facet By having a better understanding of their
has especially grown in recent years as users, businesses will be empowered to do
technology and the internet has brought better targeting for marketing and manage
people together. Today, brands have several to manage their services to better cater to
digital avenues accessible to them for the their consumers.
purpose of reaching out to customers.
68
Interaction Design | Bachelor of Design | School of Design | Anant National University
69
Xarothi FSM | Capstone Project Report | 2023
70
Interaction Design | Bachelor of Design | School of Design | Anant National University
71
Xarothi FSM | Capstone Project Report | 2023
Data in its raw essence is widely available Under the smart data framework, Xarothi
globally. Various tech corporations today FSM will retrieve internet data for the
have access to large pools of data. These following data points- National and Local
large pools constitute what is called Big Holidays, Important days of the year
Data. However, big data by itself isn’t (Valentine’s Day, International Mother’s
helpful. It is only when this mass amount Day, etc), and daily climate.
of unstructured data is moulded via an
intelligent processing of the same, that Furthermore, to improve the accessibility
the data starts getting converted into of the data, the retrieval mechanism could
knowledge. This converted data can be be supported by a GPT module that will
termed Smart Data. [13] be able to use natural language processing
for better contextualisation and greater
In the context of Xarothi FSM, Smart accuracy. [14]
data utilisation can be referred to as the
addition of multiple data points through
various verified sources on the internet
to allow better contextualisation of POS-
generated data. For instance, weather
72
Interaction Design | Bachelor of Design | School of Design | Anant National University
73
Xarothi FSM | Capstone Project Report | 2023
74
Interaction Design | Bachelor of Design | School of Design | Anant National University
75
Xarothi FSM | Capstone Project Report | 2023
Feature Matrix
After the research and ideation phase, it
was imperative to start identification of
product features and how they would be
utilised in a food service outlet.
76
Interaction Design | Bachelor of Design | School of Design | Anant National University
One can easily get confused while It was important for me to provide take notes, flip between tabs, or open
compartmentalising information, therefore, consistent information for all comparable multiple browser windows. [16]
to make the process smoother, I decided features and the relevant stakeholder to
to use a Feature matrix, also known as a not get lost while going through the UI I used references and ideas from the
Comparison Table. Design. Nielsen Norman Group’s article on the
Comparison Tables to understand good
Comparison tables are generally used in If that information were distributed across practices for designing the feature matrix
E-commerce to highlight differences in detailed pages, the interaction cost and the and the various methodologies that go
product features, however, they can have cognitive load would both increase and I behind designing the same.
a wide variety of applications. would be forced to remember information,
Taking the fictional Xarothi Café into context, the following feature matrix was identified. You can scan
the QR Code below to view the feature matrix.
SCAN ME
77
Xarothi FSM | Capstone Project Report | 2023
Information Architecture
After identifying the feature distribution,
it was time to move on to the UI itself.
Usually, I have always approached UI
design through a wireframe mechanism,
wherein I draw wireframes from my UI and
then start creating high-fidelity screens.
78
Interaction Design | Bachelor of Design | School of Design | Anant National University
Hence, in order to create a good UI design the process of finding information the the software by detailing out the general
it is important that the organisation of the users are likely to abandon the process flow of the UI and what UI elements would
information within the UI is structured and move on. This was also seen in the each section of the software comprise.
and understood by UI designers first. The product research wherein users left out the This was a fairly complex process as POS
general flow of the UI must first be laid inventory management process due to its Systems are large ecosystems.
down before the design even begins. This complexity. [17]
is known as the information architecture.
Hence, I set first set about to defining the
Users in today’s world want instant information architecture of the product. In
gratification. If the user struggles in my approach, I went through a site map for
Since the product is fairly complex, its information architecture is too large to directly showcase in this
document. Hence, you can scan the following QR Code to see the Information Architecture on FigJam.
SCAN ME
79
Xarothi FSM | Capstone Project Report | 2023
80
Interaction Design | Bachelor of Design | School of Design | Anant National University
Hence, I started looking for UI Design Design, Brad Frost has conceptualised that This methodology struck a chord with
methodologies. This is where I came while designing UI, we can simplify the me as it simplified the complex UI Design
across Brad Frost’s book, Atomic Design. process by first identifying and establishing process into a simpler mechanism. I then
Brad Frost, a web designer, recognised the smallest functional units of our design. needed a way to structure this mechanism
that methods helped created modularity These are the atoms. Hence, Atoms can to work on my UI Design tool of choice, i.e.
while designing. This makes the job of include colour styles, font styles, shadow Figma.
designers and developers considerably and blur styles, spacers, element sizes,
easier as they begin with a predefined set border radiuses, icon packs etc.
of elements. However, to create a structure
for UI Design, he realised that the best- Using these atoms, we can then proceed to
suiting analogy was from his High School create the molecules, these molecules can
Chemistry classes. be seen as the actual components of our
UI. For instance, the buttons, form inputs,
Under the Atomic Theory of Atoms, most of search bars etc become our molecules.
us have learnt that the world can be broken Then these molecules can be translated
down into ecosystems, which are made up to organisms, which would be the pre-
of constituent organisms. These organisms decided sections. For example, using
can be further broken down into molecules buttons, search bars and logo boxes, we
that form them. Lastly, these molecules can create the headers.
can be divided into their constituent atoms
which are the smallest functional units. These organisms can then be used to make
templates, which, when populated, would
Taking this theory and applying it to UI help create the actual Screens of the UI. [19]
81
Xarothi FSM | Capstone Project Report | 2023
Design Systems
After understanding the Atomic Design libraries for their projects. system on Figma with the help of Figma’s
Framework, I realised that I needed in-built features like components and local
thorough documentation, to begin with After understanding these, I moved styles.
my UI Design. I also recognised that this towards more UI Design centric research
documentation needed to be translated and that is when I came across the concept With this information, I set about creating
into Figma, which would be my UI Design of design systems. my own Design System for Xarothi FSM. In
software of choice. the following pages, you can take a look at
Design systems are collections of reusable the various elements of the design system
For this, I started looking at the various components and styles, which follow in correspondence to the Atomic Design
forms of documentation that were being predefined standards. These styles and Framework.
followed. components can then be assembled to build
consistent User Interfaces. It is important I created a Figma Library and published
Within the developer community, to have these systems in place as they allow it locally in order for me to able to use it
documentation is a very strictly followed designers to focus more on the usability of while designing the UI.
process. This can be seen via the various interfaces rather than focusing on ensuring
thoroughly documented blogs that are aesthetic and functional consistency. [23] (Due to the paucity of time for this project, the
following design system is still a work in progress with
present for the various languages and
lots of molecules (Components), organisms (Sections),
libraries out there. Google’s Material Design Library [24] or Templates and pages yet to be designed.)
Apple’s Apple Design Resources – iOS 17
For instance, W3 Schools documents the and iPadOS 17 [25] are examples of open-
various components that go behind a source design systems that designers can
variety of web development languages. use when designing for their respective
[20]
Another example was the Tailwind CSS interfaces.
Library [21] or even the Bootstrap Library [22],
which detailed the various colour styles, A quick look into them made me realise
functional components and even the ways that similar to methods followed by these
in which developers can customise these companies, I could create my own design
82
Interaction Design | Bachelor of Design | School of Design | Anant National University
Atom
Colour Styles
Usage Reference
83
Xarothi FSM | Capstone Project Report | 2023
Atom
Text Styles
Usage Reference
84
Interaction Design | Bachelor of Design | School of Design | Anant National University
Atom
Shadows
Usage Reference
85
Xarothi FSM | Capstone Project Report | 2023
Atom
Blur Styles
Usage Reference
86
Interaction Design | Bachelor of Design | School of Design | Anant National University
Atom
Horizontal and Vertical Spacers
Usage Reference
87
Xarothi FSM | Capstone Project Report | 2023
Atom
Media/Icons
Usage Reference
88
Interaction Design | Bachelor of Design | School of Design | Anant National University
Atom
Media/ Flags
Usage Reference
89
Xarothi FSM | Capstone Project Report | 2023
Atom
Media/Integrations
Usage Reference
Integrations library
by Andrey Kovalev
on Figma community
and payment icons by
IconsScout. [28] [29]
90
Interaction Design | Bachelor of Design | School of Design | Anant National University
Atom
Media/ Social Icons
Usage Reference
91
Xarothi FSM | Capstone Project Report | 2023
Atom
Media/Avatars
Usage Reference
92
Interaction Design | Bachelor of Design | School of Design | Anant National University
Molecule
Button
Usage Reference
93
Xarothi FSM | Capstone Project Report | 2023
Molecule
Circular and Horizontal Loaders
Usage Reference
94
Interaction Design | Bachelor of Design | School of Design | Anant National University
Molecule
Date Picker
Usage Reference
95
Xarothi FSM | Capstone Project Report | 2023
Data Architecture
As established under the PetPooja Case
Study, POS Systems collect large amounts
of data to process them. The main key area
of innovation for Xarothi FSM also comes
through the way that data is collected,
interpreted and processed. While the large-
scale structuring of this data amounts to
the backend development of the product,
a rough structuring of what each data
point is supposed to do is essential for
understanding how data is used by the
software.
96
Interaction Design | Bachelor of Design | School of Design | Anant National University
Data architecture doesn’t just help in how of their data. Data ethics helps users trust evolving system.
the data is used by a system but it also businesses and thus, help them grow their
helps establish ethical data practices for systems through the use of data. [33] A few key areas within the data architecture
business. A good data architecture ensures are the types of data being collected. Xarothi
that users can be relaxed when sharing While I am certainly not a data scientist, FSM can generate a minimum of 129 data
their data. Thereby good data architecture to properly explain the functionality of the points under its current capability. Along
allows for transparency, clearly defined software, it was pertinent to understand with this, the system will also retrieve 3
intentions, privacy through anonymisation the flow of data. This is why I ventured into additional data points from the internet to
and security, protection for unexpected the creation of a simple data architecture. better contextualise the data.
outcomes and retention of user ownership This data architecture in itself is a constantly
To get a better look at the data architecture, you can scan the following QR code.
SCAN ME
97
Xarothi FSM | Capstone Project Report | 2023
Some of the key data points which are different from existing Restaurant POS Systems are as follows
1. Staff Module Accessibility 4. Menu Dish Ingredients 8. Table Assigned Time
Instead of owners having to individually Although not compulsory, adding Most POS systems only tabulate the data
give permissions to users, users can be ingredients for each menu dish can help based on the time when the first KOT is
assigned modules which they can access. the waitstaff filter foods based on allergies raised.
This compartmentalisation makes it easier and preferences.
This ignores the time spent by the customer
to divide responsibilities. Thereby improving their ability to at the table without ordering food.
recommend. Furthermore, in case of certain
2. Menu Dish Average Cost of ingredients running out of stock, dishes Time noted at the assigning of the table
Preparation: that require the particular ingredient can can help the owners understand how
be disabled from sale, thereby preventing much time the tables are being occupied
Most cuisines do not function on exact customer dissatisfaction. without business, how much time are users
quantities, therefore recipe-based cost taking to decide on orders and how much
deduction gives an improper idea of 5. Guest Gender time are customers sitting at the table from
inventory costing. occupancy to the point of emptying.
This helps to better contextualise CRM
Setting an average cost per dish helps data via observational mediums. This way
users circumvent this complex and as such data can be understood for specific user 9. Time at Table Emptying
ill-fitting step. segments. Most POS systems only tabulate the data
based on the time when the bill is marked
3. Menu Dish Flavour Profile 6. Group Type as paid.
Item-based food sales are important but This helps to better contextualise CRM This ignores the time spent by the customer
they don’t provide a complete picture of data via observational mediums. This way sitting at the table after payment of the bill.
consumer preferences. data can be understood for specific user This can be especially pertinent at Cafés
This can make menu modifications difficult. segments. where people come to work.
A better way is to add flavour profile tags Time noted at the actual emptying of the
to each tag to understand sales based on 7. Guest Age Category table can help owners understand how
flavour, thereby helping understand user This helps to better contextualise CRM long are people sitting post clearance of bill
preferences towards certain flavours and data via observational mediums. This way and how much time are customers sitting
thus using them for better marketing and data can be understood for specific user at the table from occupancy to the point of
more prompt menu modifications. segments. emptying.
98
Interaction Design | Bachelor of Design | School of Design | Anant National University
10. Cook Assigned Time and Dish burden on the owner to manually analyse
Completion Time data with holidays in mind. Holiday data can
Looking at the time spent from the time a also help understand user behaviours on
KOT is raised to its completion, is often an holiday and accordingly allow the owners
inadequate system. to plan offers, events and inventory.
99
Xarothi FSM | Capstone Project Report | 2023
Key Screens
The Information Architecture, Design System and Data Architecture are the foundations
of UI Design. A solid framework allows for the creation of a user-friendly and efficient UI.
Having forayed into each of these domains, I then began with my UI Design.
The following pages showcase some of the key screens for the design of the app. These
key screens showcase the general aesthetic of the UI. Upon completion of the design
system, this style and usage of the elements will be used for a full-scale UI Development.
100
Interaction Design | Bachelor of Design | School of Design | Anant National University
101
Xarothi FSM | Capstone Project Report | 2023
Intro Screen
102
Interaction Design | Bachelor of Design | School of Design | Anant National University
104
Interaction Design | Bachelor of Design | School of Design | Anant National University
106
Interaction Design | Bachelor of Design | School of Design | Anant National University
108
Interaction Design | Bachelor of Design | School of Design | Anant National University
110
Interaction Design | Bachelor of Design | School of Design | Anant National University
Login Screen
111
Xarothi FSM | Capstone Project Report | 2023
Module Selection
112
Interaction Design | Bachelor of Design | School of Design | Anant National University
Floor View
113
Xarothi FSM | Capstone Project Report | 2023
114
Interaction Design | Bachelor of Design | School of Design | Anant National University
116
Interaction Design | Bachelor of Design | School of Design | Anant National University
Projected Pathway
As it stands the project is far from over. A POS is an extremely complex software and it still has a lot of things that need to be
addressed. The work further can be divided into the following stages:
Stage 1- Design System Completion Stage 4- User Testing experts and other designers. The team will
The first order of business is the completion User testing needs to be conducted post then use their expertise to iron out the
of the design system. Based on the jury that to understand the usability of the issues within the product.
feedback, the Design System needs some product and get industry feedback.
amount of re-contextualisation. The Stage 8- Development
typographical options need to be reduced Stage 5- Reiteration Post this, the product can go into actual
to fit the context of an app. Using the feedback the product will have development in order to be released.
to be revisited and modified to be a better
Secondly, more components need to fit. Stage 4 and Stage 5 will have to be Stage 9- Release!
be designed followed by the creation of repeated a few times. After the development is complete, the
sections and templates. product can have its pilot launched in
Stage 6- Pitch select outlets, in order to collect data and
Stage 2- UI Design resolve any bugs etc.
Post the finalisation of the design, the
After the Design System is complete, the product will have to be pitched to investors
entire UI needs to be designed. This will to generate funding. This is pertinent if the Stage 10- Continuous Development
include all the screens that will be seen by product is to be launched into the market. Post the pilot launch, the product can be
the user. launched on a large scale with focused
Stage 7- Team creation marketing and regular updates and
Stage 3- Prototyping development.
Using the funding a team will have to be set
After the creation of the screens, they will up which will include front-end and back-
have to be prototyped to help understand end developers, data scientists, industry
the interactions.
118
Interaction Design | Bachelor of Design | School of Design | Anant National University
Critical Reflections
The following are my personal reflections upon the completion of my thesis submission and the feedback received during my jury. My jury was conducted on
Tuesday, 6th of July, 2023 at 2.00 pm. My jury panel comprised my mentor Prof. Bhaskar Bhat (Associate Professor and Director, School of Design), Prof. Milind
Chitale (Associate Professor and Director, Makerspace) and Mr Puneet Chhikara (Lead Designer, Verizon and Visiting Faculty, AnantU).
1. POS Systems are complex. It is a near-impossible task to create a well-rounded POS System in 5 months. Especially if you are
working alone.
2. Some of the biggest challenges in POS design are the behavioural traits of the users. As mentioned by my jury, even though the
observational data collection model has merit, it needs to be revisited in order to ensure that the wait staff in restaurants ensure
prompt and accurate data entry.
3. I overly diversified my project by trying to solve every single problem that I noticed on my way along. While attention to detail is
good, it is important to not diverge a lot.
4. I picked up a lot of new things, especially with regard to my use of Figma. However, my desire to learn new things at times led me
to do extra in certain places which my project didn’t require. For instance, I went overboard with colour, font and button styles in
my design system due to my curiosity for trying multiple things.
5. I have to imbibe better time management. A lot of time was wasted at the start of my project due to my indecisiveness.
To round it all off, it is obvious that there is certainly room for a lot of improvement. However, as mentioned in my jury feedback, I have achieved a good quantity
of work and also, understood the field of the food service industry in depth. These 6 months have been hectic but they have come with a lot of personal and
professional learning. The mistakes I have made, my inquisitiveness and my want for detail have helped me pick up a lot of important new skills.
I would once again like to thank my mentor, Professor Bhaskar Bhatt for his guidance and for stopping me from changing my thesis brief midway through the
semester. Being an Interaction Design student, I had never had the privilege of learning under him, but these 6 months have made me realise that his teaching style
is every bit as amazing as I had imagined it to be.
Here’s to a break from formal education for the next couple of years!
119
Xarothi FSM | Capstone Project Report | 2023
Borne Disease Problem. The Sanitarian, 22(6), 336–340. http://www.jstor.org/ (Eds.), Understanding Consumers Of Food Products (pp. 10-14). Woodhead
stable/26325722 Publishing Limited. (Chapter 1, Sub-chapter 1.6: Biological, cultural and
psychological (individual) influences).
[2]
Hospitality Insights. (n.d.). Food Service Industry: All Your Questions
Answered. Retrieved from https://hospitalityinsights.ehl.edu/food-service- [10]
Ahmed, J. A. (2020, October 28). How Product Recommendations
industry-all-your-questions-answered Boost Purchases. Retrieved from https://www.cloudways.com/blog/product-
recommendations/
Panwar, D., & Patra, S. (2017). Localization In Fast Food Industry: A Case
[3]
Study On McDonald’s Strategy In India. Researchers World - Journal of Arts, Almotairi, M. A. T. (2010). Evaluation Of The Implementation Of CRM
[11]
Science & Commerce, 8(2), 70-74. In Developing Countries. In Brunel Business School (Ed.), CHAPTER 1:
INTRODUCTION (subchapter 1.1: Background, pp. 1). Brunel University.
Sarkar, S. (2022, December 1). What’s Cooking In India’s food & Beverage
[4]
Retrieved from http://bura.brunel.ac.uk/handle/2438/4438
Industry: Here’s Why The Sector Is Poised To See Rapid Post-pandemic Growth.
Retrieved from https://nrai.org/whats-cooking-in-indias-food-beverage-industry- [12]
Grossman, A. (2023, February 01). Humans Beat AI At Guessing People’s
heres-why-the-sector-is-poised-to-see-rapid-post-pandemic-growth/ Ages. NoCamels. Retrieved from https://nocamels.com/2023/02/humans-beat-
ai-at-guessing-peoples-ages/
Francorp & RestaurantIndia.in. (2022). Food Service & Restaurant Business
[5]
Report 2022-2023. Retrieved from https://irecwire.indianretailer.com/themes/ Lenk, A., Bonorden, L., Hellmanns, A., Roedder, N., & Jaehnichen, S. (2015).
[13]
https://www.investopedia.com/terms/p/point-of-sale.asp analytics/data-insights
120
Interaction Design | Bachelor of Design | School of Design | Anant National University
Moran, K. (2017, March 5). Comparison Tables For Products, Services, And
[16]
Kovalev, A. (2022). Brands Logos | Figma community. Figma. Retrieved June
[28]
Features. Nielsen Norman Group. Retrieved June 26, 2023, from https://www. 26, 2023, from https://www.figma.com/community/file/776004440443044051
nngroup.com/articles/comparison-tables/
1,401 Payment Methods Icons - Free In Svg, Png, Ico - Iconscout. (2018,
[29]
Nielsen, J. (1994, April 24). 10 Usability Heuristics For User Interface Design.
[18]
Figma Community. Figma. Retrieved June 26, 2023, from https://www.figma.
Nielsen Norman Group. Retrieved June 26, 2023, from https://www.nngroup. com/community/file/929729132405358534/Social-Media-Icons-2021-by-
com/articles/ten-usability-heuristics/ SHOCKStudio.pl
Otto, M., Thornton, J., & Others. (2013, July 18). Get Started With Bootstrap.
[22]
2. Adriano Reis. (2022, April 19). How to create smart accordions in Figma
Bootstrap · The Most Popular HTML, CSS, And JS Library In The World. (in-depth) 🎉 [Video]. YouTube. Retrieved June 26, 2023, from https://www.
Retrieved June 26, 2023, from https://getbootstrap.com/docs/5.3/getting- youtube.com/watch?v=fn8BFYSKNkU
started/introduction/
3. Anjan Shrestha. (2020, April 23). Using Links in Figma [Video]. YouTube.
[23]
Fanguy, W. (2019, June 24). A Comprehensive Guide To Design Systems Retrieved June 26, 2023, from https://www.youtube.com/watch?v=6KgAiZZ-
| Inside Design Blog. Collaborate Better | InVision. Retrieved June 26, 2023, j3o
from https://www.invisionapp.com/inside-design/guide-to-design-systems/
4. Antonija Pek. (2020, December 3). Make Icon Library in Figma in Only 5 min
[24]
(n.d.). Material Design. Retrieved June 26, 2023, from https://m3.material.io/ [Video]. YouTube. Retrieved June 26, 2023, from https://www.youtube.com/
watch?v=jn_gEG_IxlY
Design. (n.d.). Apple Developer. Retrieved June 26, 2023, from https://
[25]
developer.apple.com/design/ 5. Chinsk Design. (2022, April 11). Loading Animation | Figma Interactive
Components [Video]. YouTube. Retrieved June 26, 2023, from https://www.
[26]
(n.d.). Heroicons. https://heroicons.com/ youtube.com/watch?v=f3PS8Y1fiIY
[27]
Zhu, J. (2021). Coutry-flags(国家旗帜)| Figma Community. Figma. 6. Chinsk Design. (2022, September 27). Circular Progress Bar Animation |
Retrieved June 26, 2023, from https://www.figma.com/community/ Figma Interactive Components [Video]. YouTube. Retrieved June 26, 2023,
file/1035380928991357943
121
Xarothi FSM | Capstone Project Report | 2023
7. Chinsk Design. (2022, November 8). Accordion Animation | Figma Interactive 17.Figma. (2023, May 24). Course overview : Introduction to design systems
Components [Video]. YouTube. Retrieved June 26, 2023, from https://www. [Video]. YouTube. Retrieved June 26, 2023, from https://www.youtube.com/
youtube.com/watch?v=NDA_FPARcDk watch?v=Dtd40cHQQlk
8. Christopher Deane. (2018, June 6). Design Systems, part 13: Accordion 18.Figma. (2023, May 24). Welcome to design systems - Lesson 1 : Introduction
[Video]. YouTube. Retrieved June 26, 2023, from https://www.youtube.com/ to design systems [Video]. YouTube. Retrieved June 26, 2023, from https://
watch?v=DbqjX7XNxmI www.youtube.com/watch?v=YLo6g58vUm0
9. Create Beautiful Things. (2022, January 3). Animated Progress Circle in 19.freeCodeCamp.org. (2021, June 28). Create a Design System with Figma -
Figma [Video]. YouTube. Retrieved June 26, 2023, from https://www.youtube. Full Course [Video]. YouTube. Retrieved June 26, 2023, from https://www.
com/watch?v=oSSrcfIM1m0 youtube.com/watch?v=RYDiDpW2VkM
10.Design Xstream. (2021, March 2). Input Field Interaction using Interactive 20.Full Stack Designer. (2020, December 6). Rolling Counter [with VARIANTS]
Components in Figma [Video]. YouTube. Retrieved June 26, 2023, from | Figma Advanced Prototyping [Video]. YouTube. Retrieved June 26, 2023,
https://www.youtube.com/watch?v=CFOIDPKE1bw from https://www.youtube.com/watch?v=Qg2N6Zsz_RQ
11.DesignCoach. (2020, November 9). How to design button group in Figma UI 21.How To Mentor. (2023, February 4). How To Add Hyperlink In Figma (EASY!)
Design Tool [Video]. YouTube. Retrieved June 26, 2023, from https://www. [Video]. YouTube. Retrieved June 26, 2023, from https://www.youtube.com/
youtube.com/watch?v=xKTo66Sti2o watch?v=tcU038YulwI
12.DesignCoach. (2021, February 28). Designing The Perfect Accordion UI 22.Juan Encalada. (2021, June 12). Advanced Button Group Component in
Design in Figma [Video]. YouTube.Retrieved June 26, 2023, from https:// Figma - Building Responsive Forms - Part 2 [Video]. YouTube. Retrieved
www.youtube.com/watch?v=3OvTsy2-9BQ June 26, 2023, from https://www.youtube.com/watch?v=VCo5vi0KTgk
13.DesignCourse. (2021, October 6). Form Design in Figma with Interactive 23.Mavi Design. (2022, July 25). How To Create a Responsive & Interactive
Components [Video]. YouTube. Retrieved June 26, 2023, from https://www. ACCORDION Component in Figma (Tutorial) [Video]. YouTube. Retrieved
youtube.com/watch?v=ZWwE0GWEXDc June 26, 2023, from https://www.youtube.com/watch?v=SQWMFFhBSaE
14.Designers Guide with Chris Adolphus. (2021, July 21). How To Create Drag 24.Mavi Design. (2022, August 1). Create an Animated Message Notification
and Drop Interaction On Figma [Video]. YouTube. Retrieved June 26, 2023, in Figma (Tutorial) [Video]. YouTube. Retrieved June 26, 2023, from https://
from https://www.youtube.com/watch?v=JbQWnoKVkXo www.youtube.com/watch?v=y8HU_Z6bbio
15.Figma. (2022, June 22). Figma tutorial: Component properties [Video]. 25.Mavi Design. (2022, October 5). Create a DROPDOWN MENU in Figma
YouTube. Retrieved June 26, 2023, from https://www.youtube.com/ (Tutorial) [Video]. YouTube. Retrieved June 26, 2023, from https://www.
watch?v=iIq8FLt1hUY youtube.com/watch?v=uI3k9Ol-Mp4
16.Figma. (2022, December 8). Presenting with the Figma app [Video]. 26.Mavi Design. (2022, November 23). Create a SINGLE CHOICE (RADIO)
YouTube. Retrieved June 26, 2023, from https://www.youtube.com/ Interactive Component in Figma (Tutorial) [Video]. YouTube. Retrieved June
122
Interaction Design | Bachelor of Design | School of Design | Anant National University
27.Mavi Design. (2023, March 8). WEB DESIGN IN FIGMA ep.20: FORM 37.Will Brett Design. (2021, November 17). How to make an Interactive
FIELD Component (Simple and Interactive) – Free UX / UI Course [Video]. Calendar in Figma in under 10mins [Video]. YouTube. Retrieved June 26,
YouTube. Retrieved June 26, 2023, from https://www.youtube.com/ 2023, from https://www.youtube.com/watch?v=6snh8xiaNlA
watch?v=aIUJNAzsxws
38.Yariv BE. (2022, September 17). Numbers Counter Animation Figma tutorial
28.Mizko. (2021, May 2). Create a Figma Design System - Fundamentals (Part | Numbers Slider animation [Video]. YouTube. Retrieved June 26, 2023, from
1) [Video]. YouTube. Retrieved June 26, 2023, from https://www.youtube. https://www.youtube.com/watch?v=8EQM3Wt0qYQ
com/watch?v=G1xmkQeExJo
Reference Websites
29.Mizko. (2021, May 6). Create a Figma Design System - Color Systems
Tutorial (Part 2) [Video]. YouTube. Retrieved June 26, 2023, from https:// 1. Shipfaster UI - Figma design system. (n.d.). Gumroad. Retrieved June 26,
www.youtube.com/watch?v=uSZirUYhtf4 2023, from https://thedesignership.gumroad.com/l/shipfaster_ui
30.Mizko. (2021, May 9). Create a Figma Design System - Type Styles Tutorial 2. Assistant Secretary for Public Affairs. (2013, October 9). User Interface
(Part 3) [Video]. YouTube. Retrieved June 26, 2023, from https://www. Elements. Usability.gov. Retrieved June 26, 2023, from https://www.usability.
youtube.com/watch?v=2bkj_IqDs2I gov/how-to-and-tools/methods/user-interface-elements.html
31.Mizko. (2021, May 13). Create a Figma Design System - Button Systems W/ 3. Jess. (2023, February 10). Product categories and UX: What you need to
Variants Tutorial (Part 4) [Video]. YouTube. Retrieved June 26, 2023, from consider. Glendale Designs. Retrieved June 26, 2023, from https://www.
https://www.youtube.com/watch?v=cOHx7bTo0KU glendaledesigns.com/product-categories-and-ux-what-you-need-to-consider/
32.Mizko. (2021, May 20). One simple trick to SAVE YOU HOURS in Figma 4. Parsa, H. G., Shuster, B. K., & Bujisic, M. (2020). New Classification System
[Video]. YouTube. Retrieved June 26, 2023, from https://www.youtube.com/ for the U.S. Restaurant Industry: Application of Utilitarian and Hedonic
watch?v=jgtvDBpfcVg Continuum Model. Cornell Hospitality Quarterly, 61(4), 379–400. https://
doi.org/10.1177/1938965519899929
33.Mizko. (2023, May 25). Figma’s NEW Prototyping Update (State
Management) | Figma Tutorial [Video]. YouTube. Retrieved June 26, 2023, 5. A complete UI glossary: 100 terms all designers should know. (2023,
from https://www.youtube.com/watch?v=YGtbBB8zrfU February 27). UX Design Institute. https://www.uxdesigninstitute.com/blog/
ui-glossary/
34.TED. (2016, April 26). The surprising habits of original thinkers | Adam Grant
[Video]. YouTube. Retrieved June 26, 2023, from https://www.youtube.com/ 6. Howell, A. A. (2016, July 15). Understanding colour psychology for restaurants
watch?v=fxbCHn6gE3U & brands. Medium. Retrieved June 26, 2023, from https://medium.com/@
ashley_howell/understanding-colour-psychology-for-restaurants-brands-
35.The Fun of Iterating. (2021, April 26). Draggable Windows — Overlays that dbb7ffbcecae
you can actually click and hold to move [Video]. YouTube. Retrieved June
26, 2023, from https://www.youtube.com/watch?v=mc1s5jBJLkA 7. Mangalgi, S. (2023, January 30). Building a mind reader at Swiggy using data
science. Medium. Retrieved June 26, 2023, from https://bytes.swiggy.com/
36.Tim Gabe. (2022, June 29). Figma Component Properties made SIMPLE building-a-mind-reader-at-swiggy-using-data-science-5a5c38aa6c17
(Variants, Boolean, Text, Instance) [Video]. YouTube. Retrieved June 26,
123
Xarothi FSM | Capstone Project Report | 2023
8. Thompson, M. (n.d.). What are the variable and fixed costs in a restaurant Unsplash. https://unsplash.com/photos/kRhgHNrCdDM
operation? Small Business - Chron.com. Retrieved June 26, 2023, from https://
smallbusiness.chron.com/variable-fixed-costs-restaurant-operation-81771. 9. QUI NGUYEN. (2019, October 27). Light bulbs over bar area [Photograph].
html Unsplash. https://unsplash.com/photos/S6atLH5Rf0U
9. Macklin, B. (n.d.). 21 Restaurant metrics and how to calculate them. 10. Xintong, Y. (2019, September 12). Breads in display shelf [Photograph].
touchbistro.com. https://www.touchbistro.com/blog/21-restaurant-metrics- Unsplash. https://unsplash.com/photos/go3DT3PpIw4
and-how-to-calculate-them/
11. Kydd, D. (2021, October 12). A tall building with a sign on top of it
10. 11 Key elements that makes a restaurant business successful. (n.d.). [Photograph]. Unsplash. https://unsplash.com/photos/JqdaEqtETkY
posist.com. https://www.posist.com/restaurant-times/restro-gyaan/9-
essential-traits-successful-restaurant.html 12. Amin, R. (2019, November 19). People sitting on chair [Photograph].
Unsplash. https://unsplash.com/photos/ltN0BZhlvxY
Images
13. Kumar, N. (2018, June 15). Woman picking plants [Photograph]. Unsplash.
1. Shawnanggg. (2019, April 16). Brown and gray concrete store [Photograph]. https://unsplash.com/photos/c0rewZey4RU
Unsplash. https://unsplash.com/photos/nmpW_WwwVSc
14. Kallergis, L. (2018, January 21). Person holding a plate of salad [Photograph].
2. FrabPOS Team. (2020, October 14). Black laptop computer on brown Unsplash. https://unsplash.com/photos/NQZiQxuIyFk
wooden table [Photograph]. Unsplash. https://unsplash.com/photos/
dQ83kBtU6d0 15. Monga, H. (2023, March 27). A man standing next to a woman in front of a
table filled with food [Photograph]. Unsplash. https://unsplash.com/photos/
3. Chan, S. (2020, October 14). A look inside Project Otenga Cafe [Photograph]. XvF99C7yHYY
Roots and Leisure. https://rootsandleisure.com/a-chat-with-the-founders-of-
project-otenga-cafe-ahmedabad/ 16. Meet The Truly Indian Burgers [Photograph]. (2019, August 13). McDonald’s
Blog. https://mcdonaldsblog.in/2019/08/meet-the-truly-indian-burger/
4. Wennington, J. (2014, October 25). Dish on white ceramic plate
[Photograph]. Unsplash. https://unsplash.com/photos/N_Y88TWmGwA 17. Onojeghuo, C. (2016, May 29). Black steel wok [Photograph]. Unsplash.
https://unsplash.com/photos/r8lDTtSWGUc
5. Sincerely Media. (2019, May 31). Man standing near the kitchen counter
[Photograph]. Unsplash. https://unsplash.com/photos/VNsdEl1gORk 18. Zayane, Z. (2019, February 24). Brown wooden dining set inside room
[Photograph]. Unsplash. https://unsplash.com/photos/0uAVsDcyD0M
6. Firosnv. Photography. (2022, November 30). A person in a helmet and a
backpack standing next to a car [Photograph]. Unsplash. https://unsplash. 19. Kadula, S. (2022, March 16). A person is using a pos machine in a store
com/photos/T1ax_V2IdsY [Photograph]. Unsplash. https://unsplash.com/photos/-gkndM1GvSA
7. Visual Karsa. (2021, June 8). A mcdonald’s restaurant is lit up at night 20. [Photograph of Hotel Facade]. (n.d.). Hotel Apna Avenue. http://www.
[Photograph]. Unsplash. https://unsplash.com/photos/y8fS7CSN-Vw hotelapnaavenue.com/
8. Jermaine Ee. (2019, May 16). People walking beside table [Photograph]. 21. [Photograph of Packed Meal]. (n.d.). Terra Food Co. https://www.terrafood.
co.in/
124
Interaction Design | Bachelor of Design | School of Design | Anant National University
22. Restaurant Guru. (n.d.). [Photograph of the Interior of Gourmet Lab]. Icons
Restaurant Guru. https://restaurant-guru.in/The-gourmet-LAB-Ahmedabad
1. Pixelbazaar. (n.d.). Location Pin SVG Vector [SVG]. SVGRepo. https://www.
23. Zomato. (n.d.). [Photograph of the Interior of Fiddleton’s Travel Diaries]. svgrepo.com/svg/513213/location-pin
Zomato. https://www.zomato.com/ahmedabad/fiddletons-travel-diaries-
bodakdev/photos 2. Kudakurage. (n.d.). Group SVG Vector [SVG]. SVGRepo. https://www.
svgrepo.com/svg/500882/group
24. Honeycombers. (2020, June 17). [Photograph of the Interior of Kailash
Parbat in Hong Kong]. Honeycombers. https://static.thehoneycombers.com/ 3. Scarlab. (n.d.). Rupee Circle SVG Vector [SVG]. SVGRepo. https://www.
wp-content/uploads/sites/6/2018/09/Kailash-Parbat-Tsim-Sha-Tsui-Indian- svgrepo.com/svg/507846/rupee-circle
restaurant-interior.jpg
Mockups
25. Zomato. (n.d.). [Photograph of Icecream being served]. Zomato. https://
www.zomato.com/ahmedabad/mitti-lifestyle-store-cafe-bodakdev/photos 1. Nuryandana, F. A. (2023, March 19). iMac 27” mockup. Behance. Retrieved
June 26, 2023, from https://www.behance.net/gallery/166325543/iMac-
26. Nguyen, D. (2021, May 8). Woman in white shirt standing beside woman 27-Mockup
in black shirt [Photograph]. Unsplash. https://unsplash.com/photos/
j1me2bCfj7g
27. Vick, T. (2019, May 22). Cable network [Photograph]. Unsplash. https://
unsplash.com/photos/M5tzZtFCOfs
28. Firmbee.com. (2015, June 18). Person holding white Samsung Galaxy Tab
[Photograph]. Unsplash. https://unsplash.com/photos/jrh5lAq-mIs
29. Wisz, B. (2019, May 2). Two women near tables [Photograph]. Unsplash.
https://unsplash.com/photos/GFrBMipOd_E
30. McCall, J. (2020, May 5). Man in white button up shirt holding black and
white box [Photograph]. Unsplash. https://unsplash.com/photos/guXX_Wm-
wnY
32. Kaleidico. (2018, July 26). Man wearing gray polo shirt beside dry-erase
board [Photograph]. Unsplash. https://unsplash.com/photos/3V8xo5Gbusk
125
Manas Prabhutendolkar
+91 83697 48608
manasmanast24@gmail.com
https://www.linkedin.com/in/manas-prabhutendolkar-5a6671150