Yakitoriya | Mobile app for food delivery from restaurants

team

screens

100

collaboration

2017 — 2021

platforms

iOS, Android

Client

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.

Challenge

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.

Problem solving process

Design

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.

App launch animation

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.

Optimized search and catalog selection

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.

Thought ordering process

The cart shows selected foods, available off deals, and promotions. The user selects sauces and other components, sees recommendations and activates promo codes.

At the checkout, the user can choose a delivery or a pickup. For delivery, they put a phone number, address, the number of servings, delivery time and payment method. For pickup, the user selects the restaurant on the map.

When the order is confirmed, the user tracks its status and the process of delivery. The user can find any order in the orders section and repeat it with one click.

Restaurant map with a filter

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.

Customer support

If something goes wrong, the restaurant visitor calls the waiter, whereas the app user goes to support. Online support will answer every question.

Data integration

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.

We made the app ready for peak load times

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.

The Yakitoriya app ensured delivery and helped the chain to implement a high-quality online service for its users.