Food ordering app

Client: Gorchitsa

The new design of a shawarma chain’s app combines customizing dishes right in the catalog, delivery and pickup checkout, bonuses and repeat orders

Project at a glance

Problem

The Gorchitsa shawarma chain asked us to update the design of its food ordering app. The goal was to make it easier to choose dishes, customize ingredients and check out. The client aimed to reduce ordering to a single step. The new design had to connect the catalog with delivery and pickup, the loyalty program and order tracking — from choosing a dish to rating it and ordering again.

What we did

Search by dishes and ingredients
Size, sauce and add-on selection in the catalog
Adding, removing and restoring ingredients
Ingredients, calories and macros on the dish card

What the client wanted

Reduce the number of steps to choose and order food
Make it easier to customize dish ingredients
Show delivery and gift terms before checkout

Want the same for your business? Tell us about your task — we’ll propose a solution and estimate the timeline.

Customizing a dish right in the catalog

Size, sauce and add-ons can be chosen right in the catalog. The chain offers a wide range of add-ons, so we moved them into a menu: customers don’t have to open a dish card and scroll through it.

Categories are on the left, each with an image above its name. Search covers dishes and ingredients — for those who already know what they want to order.

Catalog with categories on the left: size, sauce and add-ons can be chosen next to the dish

Ingredients to the customer’s taste

We designed adding, removing and restoring ingredients. A removed ingredient is highlighted in red and gets a “Restore” action: the choice is easy to see, and the customer can change their mind before applying the changes.

The dish card brings together ingredients, calories and macros, and order options. Cart controls are pinned to the bottom, so they stay within reach while the customer views the details.

Choosing what to leave out: the removed ingredient is highlighted in red and can be restored before the changes are applied

Dish card with ingredients, a calories and macros tab, quantity selection and pinned cart controls

Delivery and pickup

We worked out both ways to receive an order. For delivery, the customer picks an address on the map or from a list; for pickup, they choose a restaurant. Checkout also covers the time, a different recipient and a comment.

Payment methods are gathered in a separate window: card online, SBP (Russia’s Faster Payments System), cash and card to the courier. The selected option is marked in yellow.

Choosing a payment method, with confirmation before returning to checkout

Order terms and tracking

Progress toward free delivery and a gift is shown above the bottom navigation bar. Detailed terms are in a separate window that opens over the catalog, so customers can check them before checkout.

The loyalty program flows link a bonus card with a QR code, the points history and personal offers. At checkout, customers can redeem points and enter a promo code.

For active orders, we designed statuses and the expected time until the order is ready or delivered. A completed order shows its contents, the total, a repeat-order option and dish ratings.

The terms window shows order requirements and progress toward free delivery and a gift

Completed order: fulfillment stages, contents and cost, and buttons to repeat the order and rate dishes

One style for all of the chain’s interfaces

We updated the visual style: yellow marks the main actions, dark marks selected options, and green marks fulfilled conditions and order statuses. Rounded cards and windows tie the design together.

Based on the new style, we built a component library with colors, standard elements and their states. We prepared ingredient images, including a generated illustration of mushrooms.

The client received a new design for the main ordering flows, plus a set of components and images for future use across the chain’s interfaces.