360 Central Avenue, Suite 800
St. Petersburg, FL 33701
Yakitoriya is a Japanese chain restaurant. The chain operates under a franchise agreement in major European cities. In February 2020, Yakitoriya opened its hundredth restaurant.
Yakitoriya decided to design a new delivery app. The company needed its own service to compete with delivery aggregators and restaurants' own delivery services.
The company wanted to see a modern, functional design and a recognizable brand language.
We designed the app using the Yakitoriya visual language and corporate style created earlier by a third-party studio. White, black, and red colors conveyed the Japanese aesthetics. Dark background outlined the bright and appetizing photos of the food.
Our designers created UI elements from scratch: badges, icons, and empty states. They added dynamics and interactivity to the brand's signature patterns.
We added animated elements to the welcome screen. The app quickly downloads the figures and patterns in high resolution and adapts the animated elements to any device.
The user sees branded banners with promotions at the top of the catalog.
The user searches for foods in tabs by category.
The user selects a tag and scrolls through the foods filtered by the desired ingredient.
The card has a photo of the food, which takes up ⅓ of the space, and also includes ingredients and nutrition information. The user can add a sauce, wasabi, and ginger. When browsing, the user can add the food to the cart or to favorites to order later.
When a user chooses where to go for lunch or where to spend the evening with the family, certain things like parking or the children's room can be important. We made search filters that make it easy to find the nearest restaurant that has everything the user is looking for.
If something goes wrong, the restaurant visitor calls the waiter, whereas the app user goes to support. Online support will answer every question.
Yakitoriya uses an internal accounting system to track orders and meals availability in the restaurants. The app has to work based on this data. We developed a solution: a middleware backend that integrates with the internal accounting system, resizes photos and reconfigures data for the app.
The restaurant indicates meals' availability in the internal system.
The system sends the data to the mobile backend.
The mobile backend reconfigures this data and makes the information available on the app.
The user makes an order through the app; the order goes to the mobile backend.
The mobile backend reconfigures the data again and sends it to the restaurant internal system.
The restaurant receives the order, prepares it and passes it to the courier.
Restaurants get busy at certain times. On weekdays, the number of orders increases at mealtimes. Whereas weekends and holidays are always busy.
The Yakitoriya app has to work quickly, even at peak times. We balanced the load so that not a single order is missed and the server capacity distributed the sudden spikes in requests.