Bite&Byte: Food delivery App.
![Hero image for Bite&Byte: Food delivery App.](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fapp_mockup.75d2b3ce.png&w=828&q=75)
![Appticore](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fappticore.fe12afa0.png&w=384&q=75)
Tech Stack
Services
Client and idea
Challenge & Goals
Our goal was to create a new concept for dining-in or placing a to-go order, where people could order fully customizable meals and drinks that match their mood and dietary preferences. The main challenge we took up was to create a visually appealing and intuitive way to incorporate a comprehensive set of menu filters. In addition, it was important to our team to present the customization results clearly, including conveniently displaying the new order total of a customized order.
Solutions & Result
After thoroughly researching successful solutions in the e-commerce and food service industry and familiarizing ourselves with the client's preferences and lifestyle, we carefully crafted the user design that optimized the process of placing a food order and put a new spin on it.
Main app features
![Main app features image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FfullImg.009e5a8c.jpg&w=3840&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcleaner-1.3c7e3cbf.png&w=750&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcleaner-2.ee0c0e4f.png&w=640&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FBitmap.adca8b3c.png&w=640&q=75)
Easy navigate
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcleaner-1.bb10dc0e.png&w=750&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcleaner-2.92a186df.png&w=640&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg1.f93433b6.png&w=640&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg2.e593cb28.png&w=384&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg3.7ee9c923.png&w=256&q=75)
All info you need
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcleaner-1.224d11e3.png&w=750&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcleaner-2.92474953.png&w=640&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg1.20a36f1d.png&w=750&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg2.a53f2a3c.png&w=384&q=75)
Rate your order
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcleaner-1.073c51ed.png&w=750&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcleaner-2.af4dbc2e.png&w=640&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg1.d9082e79.png&w=640&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg2.128ef683.png&w=750&q=75)
Rewards
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcleaner-1.1195561a.png&w=750&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcleaner-2.84c02d4e.png&w=640&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg1.f2abecf9.png&w=384&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg2.4e877ffb.png&w=384&q=75)
Categories for you mood
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcleaner-1.bd8a5438.png&w=750&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcleaner-2.765d72cf.png&w=640&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg1.ffed18f5.png&w=640&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg2.2fc16ce2.png&w=64&q=75)
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg3.2fbbc306.png&w=128&q=75)
Considering your dietary
Delete or add what you like
![Delete or add what you like](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmeal.81ee1cc8.jpg&w=3840&q=75)
Research
Design process
![Sitemap image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsitemap.4b7f0fa2.jpg&w=3840&q=75)
UX Wireframes
![UX Wireframes image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fwarframe.19147778.jpg&w=3840&q=75)
UI Design
Design Concept
Illustrations
![Project overall image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FfullWidthImg.1ef6130a.jpg&w=3840&q=75)
The Floor plan
![The Floor plan image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FfloorPlan.94ea6bef.jpg&w=3840&q=75)
Typography
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmainscreen.d194cd2e.jpg&w=1920&q=75)
Colors
Conclusion
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FiPhone-12-Mockup%402x%201.b87bc922.png&w=3840&q=75)