Сайт доставки итальянской еды "Итали Домой"

Главное о кейсе

Спустя два месяца после запуска среди постоянной аудитории был произведён опрос, насколько сайт удобен в использовании. Из 101 респондента удобство отметили 89%, и по их обратной связи был внесён ряд изменений. Согласно обратной связи, сайт заметно выделяется на фоне других доставок и привлекает к себе внимание, что и являлось первой целью. Что касается продаж, то при том же объёме трафика заказов через новый сайт стало вдвое больше, чем было ранее.
_____________________

Two months after the launch, a survey was conducted among a regular audience on how easy the site is to use. Of the 101 respondents, 89% said they were comfortable, and a number of changes were made in website based on their feedback. According to feedback, the site stands out from other deliveries and attracts attention, which was the first goal. As for sales, with the same volume of traffic, orders through the new site became twice as much as before. Thus, the second goal was also achieved.

Бизнес-задача и ее решение

Основные цели нового сайта:
• Повышение узнаваемости/запоминаемости
• Повышение продаж за счет нового функционала и привлекательного интерфейса

Перед дизайном также стояла задача вписать новый сайт в только что созданный новый фирменный стиль. Основная проблема старого сайта — непродуманный интерфейс. Поэтому мы уделили большое количество времени проработке прототипов. На этом этапе мы рассмотрели основные пользовательские сценарии и проработали структуру всех страниц сайта. Также решили большую проблему — выбор адреса. У каждого ресторана небольшая зона доставки и поэтому нужно запрашивать адрес у пользователя на первый этапах работы с сервисом. Очевидным решением является попап, который открывается при посещении сайта, однако это раздражает пользователей. Можно было сделать выбор адреса вместо первых баннеров, как это реализовано на всех современных сайтах доставки, но тогда мы бы лишили клиента возможности показывать специальные предложения, а это негативно скажется на конверсии. В итоге мы добавили выбор адреса в меню, при проверке это поле пропадает. Так у пользователя есть возможность ознакомиться с меню, а ввод адреса всегда на виду.

Одна из задач сайта — создать впечатление о компании. Для выбора правильных визуальных образов мы переработали семь дизайн концепций и остановились на текущем варианте. На сайте используются тонкие линии, округлые формы и мягкие тени. Такой подход в сочетании с фирменными цветами создает ощущение тепла и уюта.

По технической части было два нетривиальных момента. Прежде всего, это то, что каждый ресторан это отдельное юр.лицо, у которого свой договор со сбербанком и своя iiko. Если первое не так важно, то со вторым пришлось повозиться, так как у каждого ресторана в выгрузке свои блюда/топинги (плюс по ресторанам могут быть некоторые отличия в меню) и свой стоплист. Кроме как сделать отдельное меню на сайте и к нему делать привязку блюд каждого ресторана, решений не было. Второй момент был связан с тем, что на стороне iiko не были заведены зоны доставки (которые у каждого ресторана время от времени немного изменяются в зависимости от спроса клиентов), поэтому изменение зоны доставок были сделаны в административной панели.
Как конечный вариант мы сделали так, что новый ресторан можно добавлять в административной панели сайта, указав ключи по интеграции с iiko и шлюзом Сбербанка, а также на карте Leaflet полигоном выделить зону доставки. Проверка вхождения адреса (введённого пользователем) в зону доставки производится через интеграцию с сервисом Dadata и через проверку вхождения координат этого адреса в полигон зоны доставки. При отправке заказа в iiko, также передаётся уникальный идентификатор адреса (КЛАДР), чтобы iiko раскладывала адрес заказа по нужным ей полям, облегчая работу менеджеров доставки.
_____________________

The main goals of the new site:
• Increase recognizability / memorability
• Increased sales due to new features and attractive interface

The design also had the task of fitting the new site into the newly created new corporate identity. The main problem of the old site is an ill-conceived interface. Therefore, we spent a lot of time working on prototypes. At this stage, we examined the main user scenarios and worked out the structure of all pages on the site. Also solved a big problem - the choice of address. Each restaurant has a small delivery area and therefore you need to request an address from the user in the first stages of working with the service. The obvious solution is a pop-up that opens when you visit the site, but this annoys users. It was possible to make a choice of address instead of the first banners, as it is implemented on all modern delivery sites, but then we would deprive the client of the opportunity to show special offers, and this would negatively affect the conversion. As a result, we added the choice of address to the menu, when checking this field disappears. So the user has the opportunity to familiarize themselves with the menu, and entering the address is always in sight.
 
One of the tasks of the site is to create an impression of the company. To select the right visual images, we redesigned seven design concepts and settled on the current version. The site uses thin lines, rounded shapes and soft shadows. This approach, combined with signature colors, creates a feeling of warmth and coziness.

On the technical side, there were two non-trivial points. First of all, this is that each restaurant is a separate legal entity, which has its own contract with the bank (payment gateway) and its own IIKO (russian system of warehouse and management accounting in the restaurant). If the first is not so important, then we had to tinker with the second, since each restaurant has its own dishes / toppings in unloading (plus restaurants may have some differences in the menu) and its stoplist. The only solution is to create a separate menu on the site and link the dishes of each restaurant to it. The second point was that on the iiko side no delivery zones were established (which every restaurant changes from time to time depending on customer demand), so the change in the delivery zone was made in the administrative panel.
As a final option, we made it so that a new restaurant can be added in the administrative panel of the site, indicating the keys for integration with iiko and the bank's gateway, as well as highlight the delivery zone on the map Leaflet. Verification of the entry of the address (entered by the user) into the delivery zone is done through integration with the Dadata service and through verification of the location of the coordinates of this address in the delivery zone polygon. When sending an order to iiko, a unique address identifier (KLADR) is also transmitted so that iiko displays the order address in the fields it needs, facilitating the work of delivery managers.

Прочая информация о кейсе

Italy.Домой – это сеть доставок итальянской еды из ресторанов ITALY в Санкт-Петербурге и Москве. Качество для ресторанов и доставки – ключевое, и отражено в миссии ресторанной группы: "Придавать вкус жизни". В случае доставки это отражено в том, что доставка осуществляется только из ресторанов и только в рамках указанных зон доставок (максимальный радиус 5 км). Это сделано из расчёта времени доставки и того времени, за которое доставляемая еда не теряет в свежести.
_____________________

Italy.Domoy is a network of deliveries of Italian food from ITALY restaurants in St. Petersburg and Moscow. Quality for restaurants and delivery is key, and is reflected in the mission of the restaurant group: "Give a taste of life." In the case of delivery, this is reflected in the fact that delivery is carried out only from restaurants and only within the specified delivery zones (maximum radius of 5 km). This is done from the calculation of the delivery time and the time for which the delivered food does not lose freshness.

Скриншоты