Umami
Sushi
Restaurant app development
For Umami Sushi, we created a mobile application for online order management.
Services:
Branding; UX/UI Design; App Development;flutter
Technologies:
Figma; MSSQL; .NET5; Flutter; Azure DevOps
2020 – 2021
Project Overview
UX/UI Design
The app’s interface is designed to provide asimple and immediate experience while maintaining a strong consistency with the brand’s visual identity. Each restaurant location has custom graphics that reinforce the connection with the customer and enhance the specificity of each outlet.
Users can easily select the type of service they want (take-away, delivery, catering or boat service) and compose customized sushi boxes through a guided system with administrator-side configurable rules.
Each order is automatically associated with a unique QR Code, making it easier and faster for the customer to pick up at the location, simplifying operations for staff.
Software Development
For this project, we developed an integrated system consisting of a SQL Server database, C# .NET 5 Web APIs, a mobile app for iOS and Android built with Flutter (Dart), and a web administration panel using Angular 12.
The architecture was designed to be highly flexible. The database was configured to handle a wide range of locations, each with specific services. In addition, each location can offer various menus, each of which can be categorized into different types, such as children’s menu, open menu, a la carte menu, etc. The system is also designed to handle different languages and time zones, as Umami locations are located in various countries.
Moreover, we have created a QR code generation system to be displayed on the tables of different locations, which dynamically shows the menus available on the website in real time. This allows for efficient menu management and provides a seamless user experience for customers.
To optimize development and improve system efficiency, we have integrated our proprietary SDKs:
Purple.sdk.authentication: a tool that facilitates user access by supporting authentication methods such as email, Google, Apple, and other common providers.
Purple.sdk.media: allows for simplified management of multimedia content, giving the client the ability to independently update images and videos in the app.
Purple.sdk.translation: server and client components that allow the user to change the texts in the app, website, and notification emails from the administration panel.
The use of these SDKs has accelerated the development process while providing the client with self-sufficient tools for content management and localization. This has resulted in a more efficient and scalable system.
The technologies
We used a series of modern technologies to develop the system, each chosen for its specific strengths:
Database: MSSQL Server 2019 – Chosen for its robustness and scalability, ideal for handling a variety of data, from different locations to various services and menus.
Web API: .NET 5 C# – Chosen for its efficiency and security, essential for connecting the different components of the system.
Mobile App: Flutter (Dart) for iOS/Android – This cross-platform development platform allowed us to create an app that runs smoothly on both operating systems.
Administration Panel: Angular 12 (TypeScript) – This framework made it possible to create an intuitive and robust management environment for the client.
Conclusions
The system developed enabled Umami Sushi to successfully manage operations during the pandemic period, reducing dependence on external platforms and optimizing profit margins.
Subsequently, the client decided to return to the use of external delivery platforms, mainly to contain costs associated with maintaining internal riders and proprietary infrastructure.
Despite this, the project remains an example of a highly functional, scalable app that is seamlessly integrated between design, technology and operations.
