Grecha.pro

All your suppliers in one application

Application design
and development

The idea

About the project

Grecha.pro is an application that allows restaurateurs to communicate with their suppliers in one place, place purchase orders and check supplies.

The idea

Ordering goods and quality control is a pain in the neck to restaurant owners.

But what if we bring all the suppliers in one application and simplify the whole process?
The client

Mikhail Ryvkin — IT-entrepreneur, investor of the restaurant Varlamov.Est and fitness club Gym-Gym.

Maksim Firsov — co-founder of Foodfox, now known as Yandex.Eda.

Project team

Maria Volkova

Project manager
Anton Kiryukhin

Project manager
Yulia Vakulenko

UI/UX designer
Gleb Komarov

Frontend
Dmitry Zaitsev

Frontend
Kostya Zemlyakov

Teamlead

UI/UX

Design

There is quite a simple flow: you log in, choose a chat and place an order. You can also add a manager there to control shipment if needed.

App structure

Use cases

Killer feature — communication with suppliers + orders in one place.

Start

- Login
- Password

Chat list with posts

User info

Profile

Settings

Supplier chat list

Chat selection

Create a new order

Grocery list

Cart

Make an order

Receive an order

Add receiver

Selecting a contact

Receiver added

Supplier

Add the first supplier

After sign-up, the restaurant connects with the first supplier. There are 9 most popular goods by default, but it’s possible to create custom goods. Now that we’re all here, it’s time to place an order.

Communication

User-friendly chat

Anychat can include a manager to communicate with suppliers, make orders and a receiver to validate the delivery.

We combine a clear messenger functionality with an order flow. Here you can see different colors for incoming and outgoing messages, statuses, and other usual features.

Order

In 3 clicks

You can make an order right from the chat. You need to choose goods, specify delivery time and enter the address.

Validation

Comment for receiver

Huge restaurant network can afford to hire a storeman. Ones with modest resources ask their bartender or chef to receive goods. But anyway suppliers don’t want to waste time waiting for validation. They have a lot of work to do.

The restaurant manager knows all the twists and highlights them via comments. For example, one supplier always mixes up basmati and white rice — the receiver will notice it on a screen.

To save time we display notes at the validation page. You can open the full description by clicking on the “Show All” button.

Staff

Add the staff member

You don’t need to search for an employee every time you create a chat. The app allows adding your staff in one click.

Goods

Order history

After closing the order you get a receipt as a card. We save order history to achieve transparency. Too many defective goods from one supplier? Maybe you need to reconsider your cooperation.

Logo

Buckwheat cereal

The client hadn’t had a brandbook before we started a project. Color Tiffany Blue and UX like in Telegram were the only 2 requirements.

We came up with the main part of the application and realized there’s still time to design a logotype. We created an association map, brainstormed with our art director and lead designer.

Our team made several conceptions, so the client had what to choose from. Logotype reflects the main principles of Grecha.pro: minimalism, simpleness and commodity.

What else?

Landing and copywriting

In addition, we made a landing page from scratch. Our main focus was to visualise app opportunities and benefits.

That’s why we have demonstrated how it works in a short video.

User flow was quite unusual — there were no existing references of similar projects. We need to combine the functionality of messenger and delivery app. I’m glad that the client appreciated our efforts.

Yulia Vakulenko,
lead UI/UX designer

Development

Integrations

We use Telegram and Mailgun to make an omnichannel chat.

Restaurant adds a supplier

Chooses the number in a contact list

Defines communication channel: Telegram (TG) or email

Some magic

Supplier communicates via email / TG, while the Restaurant has all communication within the app

Supplier Chat

We will talk about this later

Communication via Telegram

Communication via mail

Add Ivan

Add Supplier

It`s magic!

It’s time to reveal a secret of magic from point 4.

Restaurant selects Telegram as a communication channel
If he hasn’t added suppliers here, he sees this screen
Supplier receives sms with a link to Telegram chat
Enters his phone number in a chat to get in contact with the right restaurant

E-mail

Mailgun

Supplier gets messages and orders as an email, and we need to convert his answer into an app view.

We decided to integrate with Mailgun, but faced the challenge of email clients.

E-mail

Gmail, Mail.ru, Yandex

Mail services — Gmail, Mail.Ru, Yandex — display additional information in a message body: sender, date, receiver. Restaurant manager doesn’t need that redundant data. We cut that useless data and have clear messages.

Outcome

2 sides

It is now easy for restaurants to order food from suppliers and control the quality. The restaurant writes in the app. The supplier sees everything in Telegram.

Restaurant side

Supplier side

Telegram and Mailgun integrations turned out to be more complicated than we had been thinking. We had to develop 2 ways of realization. Now everything works as expected: suppliers use habitual communication channel, restaurateurs use the app.

Konstantin Zemlyakov,
teamlead in Purrweb

Result

Here we are?

Clients have already shown the app to 10 restaurants and have collected the feedback.

More and more restaurants
Start working with 5 restaurants
Choose business model
Make sure that the app really solves the problem
Implement new features: partial validation of the order, sending photos in a chat, reordering